#1B2F3C

#1B2F3C

Color Values

HEX

#1B2F3C

RGB

27, 47, 60

HSL

203.6, 37.9%, 17.1%

HSV

203.6, 55.0%, 23.5%

CMYK

55.0%, 21.7%, 0.0%, 76.5%

OKLCH

0.2944 0.0351 238.1

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#1B2F3C

#3C281B

Analogous

#1B3C39

#1B1F3C

#1B2F3C

Triadic

#1B2F3C

#3C1B2F

#2F3C1B

Split Complementary

#1B2F3C

#3C1B1F

#3C391B

Tetradic

#1B2F3C

#391B3C

#3C281B

#1F3C1B

Color Blindness Simulation

Original

#1B2F3C

Protanopia

#242439

Deuteranopia

#222138

Tritanopia

#1C3636

Achromatopsia

#2C2C2C

CSS Usage

background-color: #1B2F3C;
color: #1B2F3C;
border-color: #1B2F3C;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#ABC7D9
400
#7DA8C4
500
#4F8AB0
600
#3F6E8D
700
#335871
800
#284558
900
#203441
950
#142129

Contrast Checker

Text on white

13.83:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026