Colour

#0F126C

#0F126C
Blue
Dark
Nearest: Midnight blue

#0F126C is a blue with RGB values 15, 18, 108 and HSL 238°, 76%, 24%. It is a dark colour, so white text on it reaches 15.9:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#0F126C#0F126C

HEX#0F126C

RGBrgb(15, 18, 108)

RGB (0–1)0.0588, 0.0706, 0.4235

RGB percentages5.9%, 7.1%, 42.4%

HSLhsl(238.1, 75.6%, 24.1%)

HSV / HSBhsv(238.1, 86.1%, 42.4%)

CMYK86.1%, 83.3%, 0%, 57.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer987,756

CSS custom property--colour: #0F126C;

Brightness & contrast

Relative luminance0.01617WCAG 2.x, 0 is black and 1 is white

Perceived brightness39.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 15.87:1

Contrast with white15.87:1WCAG normal text: AAA

Contrast with black1.32:1WCAG normal text: Fail

Greyscale equivalent#181818

Inverted#F0ED93

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#00276Fno red cones; affects about 1% of men; ΔE 16.1 from the original

Deuteranopia#001D6Ano green cones; the most common form, about 1% of men; ΔE 9.9 from the original

Tritanopia#002E3Fno blue cones; rare, and affects men and women equally; ΔE 54.9 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text15.87:1WCAG large text: AAA

Contrast with black, large text1.32:1WCAG large text: Fail

Named colours

Midnight blue · ΔE 3.6 Navy · ΔE 19.4 Indigo · ΔE 19.5 Dark slateblue · ΔE 21.1 Rebecca purple · ΔE 22 Dark blue · ΔE 24.3

Nearest named CSS colourMidnight blue (#191970)ΔE 3.56, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#6C690F

Analogous#0F416C, #3A0F6C

Triadic#6C0F12, #126C0F

Split complementary#6C3B0F, #416C0F

Tetradic#6C0F41, #6C690F, #0F6C3B

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#5E63E9

Lighter +30%#3237E2

Lighter +20%#1B21C6

Lighter +10%#151999

Darker −10%#090B3F

Darker −20%#030312

Darker −30%#000000

Darker −40%#000000

More saturated +25%#00047B

Less saturated −25%#1E205D

Channel breakdown

R15

G18

B108

Red15 (5.9%)

Green18 (7.1%)

Blue108 (42.4%)

Hue238.06°

Saturation (HSL)75.61%

Lightness24.12%

Dominant channelBlue

Hex per channelR 0F · G 12 · B 6C

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#0F126C

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else