Recognised as Colour
#3514A0
- #3514A0
- Blue
- Dark
- Nearest: Dark blue
#3514A0 is a blue with RGB values 53, 20, 160 and HSL 254°, 78%, 35%. It is a dark colour, so white text on it reaches 11.9:1 contrast (AAA for normal text). The nearest named colour is Dark blue.
Colour values
#3514A0#3514A0
HEX#3514A0
RGBrgb(53, 20, 160)
RGB (0–1)0.2078, 0.0784, 0.6275
RGB percentages20.8%, 7.8%, 62.7%
HSLhsl(254.1, 77.8%, 35.3%)
HSV / HSBhsv(254.1, 87.5%, 62.7%)
CMYK66.9%, 87.5%, 0%, 37.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,478,688
CSS custom property--colour: #3514A0;
Brightness & contrast
Relative luminance0.03795WCAG 2.x, 0 is black and 1 is white
Perceived brightness63.2 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11.94:1
Contrast with white11.94:1WCAG normal text: AAA
Contrast with black1.76:1WCAG normal text: Fail
Greyscale equivalent#252525
Inverted#CAEB5F
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text11.94:1WCAG large text: AAA
Contrast with black, large text1.76:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#7FA014
Analogous#1439A0, #7B14A0
Triadic#A03514, #14A035
Split complementary#A07B14, #39A014
Tetradic#A01439, #7FA014, #14A07B
Tints, shades & saturation
Channel breakdown
R53
G20
B160
Red53 (20.8%)
Green20 (7.8%)
Blue160 (62.7%)
Hue254.14°
Saturation (HSL)77.78%
Lightness35.29%
Dominant channelBlue
Hex per channelR 35 · G 14 · B A0
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page