#1F1425

#1F1425

Color Values

HEX

#1F1425

RGB

31, 20, 37

HSL

278.8, 29.8%, 11.2%

HSV

278.8, 45.9%, 14.5%

CMYK

16.2%, 45.9%, 0.0%, 85.5%

OKLCH

0.2138 0.0362 313.1

Properties

Cool Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#1F1425

#1A2514

Analogous

#171425

#251423

#1F1425

Triadic

#1F1425

#251F14

#14251F

Split Complementary

#1F1425

#232514

#142517

Tetradic

#1F1425

#251714

#1A2514

#142325

Color Blindness Simulation

Original

#1F1425

Protanopia

#1A1A21

Deuteranopia

#1B1C20

Tritanopia

#1E1E1D

Achromatopsia

#181818

CSS Usage

background-color: #1F1425;
color: #1F1425;
border-color: #1F1425;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DED1E6
300
#C7B0D4
400
#A985BD
500
#8B5AA5
600
#6F4884
700
#59396A
800
#452D53
900
#34233D
950
#211627

Contrast Checker

Text on white

17.72:1

AA Pass AAA Pass

Text on black

1.19:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026