Colour

#27486F

#27486F
Blue
Dark
Nearest: Steel blue

#27486F is a blue with RGB values 39, 72, 111 and HSL 213°, 48%, 29%. It is a dark colour, so white text on it reaches 9.4:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#27486F#27486F

HEX#27486F

RGBrgb(39, 72, 111)

RGB (0–1)0.1529, 0.2824, 0.4353

RGB percentages15.3%, 28.2%, 43.5%

HSLhsl(212.5, 48%, 29.4%)

HSV / HSBhsv(212.5, 64.9%, 43.5%)

CMYK64.9%, 35.1%, 0%, 56.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,574,447

CSS custom property--colour: #27486F;

Brightness & contrast

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

Perceived brightness70 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.36:1

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

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

Greyscale equivalent#444444

Inverted#D8B790

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#374A71no red cones; affects about 1% of men; ΔE 3.9 from the original

Deuteranopia#2E436Eno green cones; the most common form, about 1% of men; ΔE 4.9 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 23.9 Dark slate grey · ΔE 26 Slate grey · ΔE 27.9 Dark slateblue · ΔE 29.5 Dim grey · ΔE 29.9 Light slate grey · ΔE 30.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6F4E27

Analogous#276C6F, #2A276F

Triadic#6F2748, #486F27

Split complementary#6F2A27, #6C6F27

Tetradic#6F276C, #6F4E27, #276F2A

Tints, shades & saturation

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

Lighter +40%#8CAED6

Lighter +30%#6693C9

Lighter +20%#4279BA

Lighter +10%#346095

Darker −10%#1A3049

Darker −20%#0C1724

Darker −30%#000000

Darker −40%#000000

More saturated +25%#144682

Less saturated −25%#3A4A5C

Channel breakdown

R39

G72

B111

Red39 (15.3%)

Green72 (28.2%)

Blue111 (43.5%)

Hue212.5°

Saturation (HSL)48%

Lightness29.41%

Dominant channelBlue

Hex per channelR 27 · G 48 · B 6F

Keep nerding

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

#27486F

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