Colour

#303B40

#303B40
Cyan
Dark
Nearest: Dark slate grey

#303B40 is a cyan with RGB values 48, 59, 64 and HSL 199°, 14%, 22%. It is a dark colour, so white text on it reaches 11.5:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#303B40#303B40

HEX#303B40

RGBrgb(48, 59, 64)

RGB (0–1)0.1882, 0.2314, 0.251

RGB percentages18.8%, 23.1%, 25.1%

HSLhsl(198.8, 14.3%, 22%)

HSV / HSBhsv(198.8, 25%, 25.1%)

CMYK25%, 7.8%, 0%, 74.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,160,896

CSS custom property--colour: #303B40;

Brightness & contrast

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

Perceived brightness56.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 11.5:1

Contrast with white11.5:1WCAG normal text: AAA

Contrast with black1.83:1WCAG normal text: Fail

Greyscale equivalent#393939

Inverted#CFC4BF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#363840no green cones; the most common form, about 1% of men; ΔE 4.4 from the original

Tritanopia#2B3D3Dno blue cones; rare, and affects men and women equally; ΔE 4.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text11.5:1WCAG large text: AAA

Contrast with black, large text1.83:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 11.2 Dim grey · ΔE 21.1 Black · ΔE 24.7 Slate grey · ΔE 29.4 Gray · ΔE 30 Light slate grey · ΔE 32.5

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#403530

Analogous#30403D, #303340

Triadic#40303B, #3B4030

Split complementary#403033, #403D30

Tetradic#3D3040, #403530, #334030

Tints, shades & saturation

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

Lighter +40%#90A3AC

Lighter +30%#738B96

Lighter +20%#5C717A

Lighter +10%#46565D

Darker −10%#1A2023

Darker −20%#040506

Darker −30%#000000

Darker −40%#000000

More saturated +25%#22404E

Less saturated −25%#383838

Channel breakdown

R48

G59

B64

Red48 (18.8%)

Green59 (23.1%)

Blue64 (25.1%)

Hue198.75°

Saturation (HSL)14.29%

Lightness21.96%

Dominant channelBlue

Hex per channelR 30 · G 3B · B 40

Keep nerding

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

#303B40

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