Colour

#0C465D

#0C465D
Cyan
Dark
Nearest: Dark slate grey

#0C465D is a cyan with RGB values 12, 70, 93 and HSL 197°, 77%, 21%. It is a dark colour, so white text on it reaches 10.2:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#0C465D#0C465D

HEX#0C465D

RGBrgb(12, 70, 93)

RGB (0–1)0.0471, 0.2745, 0.3647

RGB percentages4.7%, 27.5%, 36.5%

HSLhsl(197, 77.1%, 20.6%)

HSV / HSBhsv(197, 87.1%, 36.5%)

CMYK87.1%, 24.7%, 0%, 63.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer804,445

CSS custom property--colour: #0C465D;

Brightness & contrast

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

Perceived brightness62.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.25:1

Contrast with white10.25:1WCAG normal text: AAA

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

Greyscale equivalent#3B3B3B

Inverted#F3B9A2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#3A455Eno red cones; affects about 1% of men; ΔE 11.8 from the original

Deuteranopia#303D5Dno green cones; the most common form, about 1% of men; ΔE 13.5 from the original

Tritanopia#004C4Eno blue cones; rare, and affects men and women equally; ΔE 15.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text10.25:1WCAG large text: AAA

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

Named colours

Dark slate grey · ΔE 15.7 Dim grey · ΔE 26.7 Slate grey · ΔE 27.5 Steel blue · ΔE 28.8 Light slate grey · ΔE 30.2 Teal · ΔE 30.6

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 15.69, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5D230C

Analogous#0C5D4C, #0C1D5D

Triadic#5D0C46, #465D0C

Split complementary#5D0C1D, #5D4C0C

Tetradic#4C0C5D, #5D230C, #1D5D0C

Tints, shades & saturation

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

Lighter +40%#4DBCE8

Lighter +30%#20ABE2

Lighter +20%#188AB7

Lighter +10%#12688A

Darker −10%#062430

Darker −20%#000203

Darker −30%#000000

Darker −40%#000000

More saturated +25%#004B69

Less saturated −25%#194050

Channel breakdown

R12

G70

B93

Red12 (4.7%)

Green70 (27.5%)

Blue93 (36.5%)

Hue197.04°

Saturation (HSL)77.14%

Lightness20.59%

Dominant channelBlue

Hex per channelR 0C · G 46 · B 5D

Keep nerding

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

#0C465D

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