#1B323C

#1B323C

Color Values

HEX

#1B323C

RGB

27, 50, 60

HSL

198.2, 37.9%, 17.1%

HSV

198.2, 55.0%, 23.5%

CMYK

55.0%, 16.7%, 0.0%, 76.5%

OKLCH

0.3028 0.0341 227.7

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#1B323C

#3C251B

Analogous

#1B3C36

#1B223C

#1B323C

Triadic

#1B323C

#3C1B32

#323C1B

Split Complementary

#1B323C

#3C1B22

#3C361B

Tetradic

#1B323C

#361B3C

#3C251B

#223C1B

Color Blindness Simulation

Original

#1B323C

Protanopia

#25253A

Deuteranopia

#242239

Tritanopia

#1C3837

Achromatopsia

#2E2E2E

CSS Usage

background-color: #1B323C;
color: #1B323C;
border-color: #1B323C;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEE1E9
300
#ABCBD9
400
#7DAFC4
500
#4F93B0
600
#3F758D
700
#335E71
800
#284958
900
#203741
950
#142329

Contrast Checker

Text on white

13.39:1

AA Pass AAA Pass

Text on black

1.57: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