#00B2FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense cyan is hyper-saturated and commands immediate attention. Because of its high energy, it works best as a 10% accent color for calls to action or UI highlights rather than a large background. It pairs exceptionally well with charcoal grays for a modern, tech-focused look. The hex code for this vivid blue is #00b2ff, and it offers excellent readability for black text.
Questions about #00b2ff
What is #00b2ff in RGB, HSL and CMYK?
In RGB, #00b2ff is rgb(0, 178, 255), in HSL hsl(198, 100%, 50%) and in CMYK 100%, 30%, 0%, 0%.
What colors pair well with the intense cyan of #00b2ff?
Pair #00b2ff with deep charcoal or dark navy grays to create a balanced, professional look for modern tech interfaces. These dark neutrals anchor the high energy of this vibrant blue, preventing it from overwhelming your overall layout design.
Should I use #00b2ff for large background areas?
Avoid using #00b2ff as a main background color, as its extreme saturation causes eye fatigue during long viewing sessions. Instead, apply it sparingly as a 10% accent color to highlight specific calls to action or critical interactive UI elements.
Is #00b2ff readable on white or black?
#00b2ff has a 2.38:1 contrast ratio on white and 8.81:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.