Recognised as Colour

#2F6681

#2F6681
Cyan
Dark
Nearest: Slate grey

#2F6681 is a cyan with RGB values 47, 102, 129 and HSL 200°, 47%, 35%. It is a dark colour, so white text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#2F6681#2F6681

HEX#2F6681

RGBrgb(47, 102, 129)

RGB (0–1)0.1843, 0.4, 0.5059

RGB percentages18.4%, 40%, 50.6%

HSLhsl(199.8, 46.6%, 34.5%)

HSV / HSBhsv(199.8, 63.6%, 50.6%)

CMYK63.6%, 20.9%, 0%, 49.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,106,433

CSS custom property--colour: #2F6681;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.29:1

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

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

Greyscale equivalent#5C5C5C

Inverted#D0997E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#596582no red cones; affects about 1% of men; ΔE 12.6 from the original

Deuteranopia#4D5C81no green cones; the most common form, about 1% of men; ΔE 13.9 from the original

Tritanopia#006D6Fno blue cones; rare, and affects men and women equally; ΔE 19.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 17.2 Steel blue · ΔE 17.4 Light slate grey · ΔE 19.2 Dark slate grey · ΔE 19.4 Dim grey · ΔE 22.8 Teal · ΔE 24.1

Nearest named CSS colourSlate grey (#708090)ΔE 17.21, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#814A2F

Analogous#2F8173, #2F3D81

Triadic#812F66, #66812F

Split complementary#812F3D, #81732F

Tetradic#732F81, #814A2F, #3D812F

Tints, shades & saturation

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

Lighter +40%#A0C8DC

Lighter +30%#7AB3CF

Lighter +20%#559DC1

Lighter +10%#3D84A6

Darker −10%#21485C

Darker −20%#142B36

Darker −30%#060D11

Darker −40%#000000

More saturated +25%#196E97

Less saturated −25%#455E6B

Channel breakdown

R47

G102

B129

Red47 (18.4%)

Green102 (40%)

Blue129 (50.6%)

Hue199.76°

Saturation (HSL)46.59%

Lightness34.51%

Dominant channelBlue

Hex per channelR 2F · G 66 · B 81

Keep nerding

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

#2F6681

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