Colour

#07486D

#07486D
Blue
Dark
Nearest: Steel blue

#07486D is a blue with RGB values 7, 72, 109 and HSL 202°, 88%, 23%. It is a dark colour, so white text on it reaches 9.7:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#07486D#07486D

HEX#07486D

RGBrgb(7, 72, 109)

RGB (0–1)0.0275, 0.2824, 0.4275

RGB percentages2.7%, 28.2%, 42.7%

HSLhsl(201.8, 87.9%, 22.7%)

HSV / HSBhsv(201.8, 93.6%, 42.7%)

CMYK93.6%, 33.9%, 0%, 57.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer477,293

CSS custom property--colour: #07486D;

Brightness & contrast

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

Perceived brightness66.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.74:1

Contrast with white9.74:1WCAG normal text: AAA

Contrast with black2.16:1WCAG normal text: Fail

Greyscale equivalent#3D3D3D

Inverted#F8B792

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#28406Cno green cones; the most common form, about 1% of men; ΔE 10 from the original

Tritanopia#005155no blue cones; rare, and affects men and women equally; ΔE 24 from the original

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

Contrast with white, large text9.74:1WCAG large text: AAA

Contrast with black, large text2.16:1WCAG large text: Fail

Named colours

Steel blue · ΔE 24.2 Dark slate grey · ΔE 24.3 Slate grey · ΔE 28.9 Dim grey · ΔE 31.1 Light slate grey · ΔE 31.3 Dark slateblue · ΔE 33.8

Nearest named CSS colourSteel blue (#4682B4)ΔE 24.25, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6D2C07

Analogous#076D5F, #07156D

Triadic#6D0748, #486D07

Split complementary#6D0715, #6D5F07

Tetradic#5F076D, #6D2C07, #156D07

Tints, shades & saturation

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

Lighter +40%#4CB7F4

Lighter +30%#1DA4F0

Lighter +20%#0D87CD

Lighter +10%#0A689D

Darker −10%#04283D

Darker −20%#01090D

Darker −30%#000000

Darker −40%#000000

More saturated +25%#004A74

Less saturated −25%#16445F

Channel breakdown

G72

B109

Red7 (2.7%)

Green72 (28.2%)

Blue109 (42.7%)

Hue201.76°

Saturation (HSL)87.93%

Lightness22.75%

Dominant channelBlue

Hex per channelR 07 · G 48 · B 6D

Keep nerding

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

#07486D

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