Colour

#1F253D

#1F253D
Blue
Dark
Nearest: Black

#1F253D is a blue with RGB values 31, 37, 61 and HSL 228°, 33%, 18%. It is a dark colour, so white text on it reaches 15.1:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#1F253D#1F253D

HEX#1F253D

RGBrgb(31, 37, 61)

RGB (0–1)0.1216, 0.1451, 0.2392

RGB percentages12.2%, 14.5%, 23.9%

HSLhsl(228, 32.6%, 18%)

HSV / HSBhsv(228, 49.2%, 23.9%)

CMYK49.2%, 39.3%, 0%, 76.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,041,149

CSS custom property--colour: #1F253D;

Brightness & contrast

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

Perceived brightness38.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 15.1:1

Contrast with white15.1:1WCAG normal text: AAA

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

Greyscale equivalent#252525

Inverted#E0DAC2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1D273Eno red cones; affects about 1% of men; ΔE 1.8 from the original

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

Tritanopia#152A2Eno blue cones; rare, and affects men and women equally; ΔE 16.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text15.1:1WCAG large text: AAA

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

Named colours

Black · ΔE 22.8 Dark slate grey · ΔE 26.3 Dim grey · ΔE 33.8 Dark slateblue · ΔE 36.8 Slate grey · ΔE 38.7 Steel blue · ΔE 41.5

Nearest named CSS colourBlack (#000000)ΔE 22.8, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3D371F

Analogous#1F343D, #281F3D

Triadic#3D1F25, #253D1F

Split complementary#3D281F, #343D1F

Tetradic#3D1F34, #3D371F, #1F3D28

Tints, shades & saturation

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

Lighter +40%#717FB7

Lighter +30%#5363A2

Lighter +20%#414E81

Lighter +10%#303A5F

Darker −10%#0E101B

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#131E49

Less saturated −25%#2B2C32

Channel breakdown

R31

G37

B61

Red31 (12.2%)

Green37 (14.5%)

Blue61 (23.9%)

Hue228°

Saturation (HSL)32.61%

Lightness18.04%

Dominant channelBlue

Hex per channelR 1F · G 25 · B 3D

Keep nerding

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

#1F253D

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