Recognised as Colour
#33A7ED
- #33A7ED
- Blue
- Dark
- Nearest: Deep skyblue
#33A7ED is a blue with RGB values 51, 167, 237 and HSL 203°, 84%, 56%. It is a dark colour, so black text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.
Colour values
#33A7ED#33A7ED
HEX#33A7ED
RGBrgb(51, 167, 237)
RGB (0–1)0.2, 0.6549, 0.9294
RGB percentages20%, 65.5%, 92.9%
HSLhsl(202.6, 83.8%, 56.5%)
HSV / HSBhsv(202.6, 78.5%, 92.9%)
CMYK78.5%, 29.5%, 0%, 7.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,385,325
CSS custom property--colour: #33A7ED;
Brightness & contrast
Relative luminance0.34456WCAG 2.x, 0 is black and 1 is white
Perceived brightness153.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.89:1
Contrast with white2.66:1WCAG normal text: Fail
Contrast with black7.89:1WCAG normal text: AAA
Greyscale equivalent#939393
Inverted#CC5812
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.66:1WCAG large text: Fail
Contrast with black, large text7.89:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#ED7933
Analogous#33EDD6, #334AED
Triadic#ED33A7, #A7ED33
Split complementary#ED334A, #EDD633
Tetradic#D633ED, #ED7933, #4AED33
Tints, shades & saturation
Channel breakdown
R51
G167
B237
Red51 (20%)
Green167 (65.5%)
Blue237 (92.9%)
Hue202.58°
Saturation (HSL)83.78%
Lightness56.47%
Dominant channelBlue
Hex per channelR 33 · G A7 · B ED
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page