Colour
#030397
- #030397
- Blue
- Dark
- Nearest: Dark blue
#030397 is a blue with RGB values 3, 3, 151 and HSL 240°, 96%, 30%. It is a dark colour, so white text on it reaches 14.3:1 contrast (AAA for normal text). The nearest named colour is Dark blue.
Colour values
#030397#030397
HEX#030397
RGBrgb(3, 3, 151)
RGB (0–1)0.0118, 0.0118, 0.5922
RGB percentages1.2%, 1.2%, 59.2%
HSLhsl(240, 96.1%, 30.2%)
HSV / HSBhsv(240, 98%, 59.2%)
CMYK98%, 98%, 0%, 40.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer197,527
CSS custom property--colour: #030397;
Brightness & contrast
Relative luminance0.02319WCAG 2.x, 0 is black and 1 is white
Perceived brightness51.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 14.35:1
Contrast with white14.35:1WCAG normal text: AAA
Contrast with black1.46:1WCAG normal text: Fail
Greyscale equivalent#0E0E0E
Inverted#FCFC68
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text14.35:1WCAG large text: AAA
Contrast with black, large text1.46:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#979703
Analogous#034D97, #4D0397
Triadic#970303, #039703
Split complementary#974D03, #4D9703
Tetradic#97034D, #979703, #03974D
Tints, shades & saturation
Channel breakdown
R3
G3
B151
Red3 (1.2%)
Green3 (1.2%)
Blue151 (59.2%)
Hue240°
Saturation (HSL)96.1%
Lightness30.2%
Dominant channelBlue
Hex per channelR 03 · G 03 · B 97
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