Recognised as Colour
#042BA2
- #042BA2
- Blue
- Dark
- Nearest: Navy
#042BA2 is a blue with RGB values 4, 43, 162 and HSL 225°, 95%, 33%. It is a dark colour, so white text on it reaches 11.2:1 contrast (AAA for normal text). The nearest named colour is Navy.
Colour values
#042BA2#042BA2
HEX#042BA2
RGBrgb(4, 43, 162)
RGB (0–1)0.0157, 0.1686, 0.6353
RGB percentages1.6%, 16.9%, 63.5%
HSLhsl(225.2, 95.2%, 32.5%)
HSV / HSBhsv(225.2, 97.5%, 63.5%)
CMYK97.5%, 73.5%, 0%, 36.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer273,314
CSS custom property--colour: #042BA2;
Brightness & contrast
Relative luminance0.04362WCAG 2.x, 0 is black and 1 is white
Perceived brightness63.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11.22:1
Contrast with white11.22:1WCAG normal text: AAA
Contrast with black1.87:1WCAG normal text: Fail
Greyscale equivalent#2B2B2B
Inverted#FBD45D
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text11.22:1WCAG large text: AAA
Contrast with black, large text1.87:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A27B04
Analogous#047AA2, #2C04A2
Triadic#A2042B, #2BA204
Split complementary#A22C04, #7AA204
Tetradic#A2047A, #A27B04, #04A22C
Tints, shades & saturation
Channel breakdown
R4
G43
B162
Red4 (1.6%)
Green43 (16.9%)
Blue162 (63.5%)
Hue225.19°
Saturation (HSL)95.18%
Lightness32.55%
Dominant channelBlue
Hex per channelR 04 · G 2B · B A2
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