Recognised as Colour
#285CC2
- #285CC2
- Blue
- Dark
- Nearest: Royal blue
#285CC2 is a blue with RGB values 40, 92, 194 and HSL 220°, 66%, 46%. It is a dark colour, so white text on it reaches 6.2:1 contrast (AA for normal text). The nearest named colour is Royal blue.
Colour values
#285CC2#285CC2
HEX#285CC2
RGBrgb(40, 92, 194)
RGB (0–1)0.1569, 0.3608, 0.7608
RGB percentages15.7%, 36.1%, 76.1%
HSLhsl(219.7, 65.8%, 45.9%)
HSV / HSBhsv(219.7, 79.4%, 76.1%)
CMYK79.4%, 52.6%, 0%, 23.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,645,186
CSS custom property--colour: #285CC2;
Brightness & contrast
Relative luminance0.12WCAG 2.x, 0 is black and 1 is white
Perceived brightness98.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.18:1
Contrast with white6.18:1WCAG normal text: AA
Contrast with black3.4:1WCAG normal text: Fail
Greyscale equivalent#585858
Inverted#D7A33D
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.18:1WCAG large text: AAA
Contrast with black, large text3.4:1WCAG large text: AA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#C28E28
Analogous#28A9C2, #4128C2
Triadic#C2285C, #5CC228
Split complementary#C24128, #A9C228
Tetradic#C228A9, #C28E28, #28C241
Tints, shades & saturation
Channel breakdown
R40
G92
B194
Red40 (15.7%)
Green92 (36.1%)
Blue194 (76.1%)
Hue219.74°
Saturation (HSL)65.81%
Lightness45.88%
Dominant channelBlue
Hex per channelR 28 · G 5C · B C2
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