Colour

#2F599D

#2F599D
Blue
Dark
Nearest: Dark slateblue

#2F599D is a blue with RGB values 47, 89, 157 and HSL 217°, 54%, 40%. It is a dark colour, so white text on it reaches 6.9:1 contrast (AA for normal text). The nearest named colour is Dark slateblue.

Colour values

#2F599D#2F599D

HEX#2F599D

RGBrgb(47, 89, 157)

RGB (0–1)0.1843, 0.349, 0.6157

RGB percentages18.4%, 34.9%, 61.6%

HSLhsl(217.1, 53.9%, 40%)

HSV / HSBhsv(217.1, 70.1%, 61.6%)

CMYK70.1%, 43.3%, 0%, 38.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,103,133

CSS custom property--colour: #2F599D;

Brightness & contrast

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

Perceived brightness90.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.92:1

Contrast with white6.92:1WCAG normal text: AA

Contrast with black3.04:1WCAG normal text: Fail

Greyscale equivalent#555555

Inverted#D0A662

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#395FA0no red cones; affects about 1% of men; ΔE 3.3 from the original

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.92:1WCAG large text: AAA

Contrast with black, large text3.04:1WCAG large text: AA

Named colours

Dark slateblue · ΔE 18.7 Steel blue · ΔE 21.4 Cornflower blue · ΔE 25.1 Dodgerblue · ΔE 30.6 Royal blue · ΔE 31.1 Slate blue · ΔE 32.5

Nearest named CSS colourDark slateblue (#483D8B)ΔE 18.66, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9D732F

Analogous#2F909D, #3C2F9D

Triadic#9D2F59, #599D2F

Split complementary#9D3C2F, #909D2F

Tetradic#9D2F90, #9D732F, #2F9D3C

Tints, shades & saturation

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

Lighter +40%#B1C5E8

Lighter +30%#89A9DC

Lighter +20%#628CD0

Lighter +10%#3B6FC4

Darker −10%#234376

Darker −20%#182C4F

Darker −30%#0C1627

Darker −40%#000000

More saturated +25%#1653B7

Less saturated −25%#495F84

Channel breakdown

R47

G89

B157

Red47 (18.4%)

Green89 (34.9%)

Blue157 (61.6%)

Hue217.09°

Saturation (HSL)53.92%

Lightness40%

Dominant channelBlue

Hex per channelR 2F · G 59 · B 9D

Keep nerding

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

#2F599D

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