#182030

#182030

Color Values

HEX

#182030

RGB

24, 32, 48

HSL

220.0, 33.3%, 14.1%

HSV

220.0, 50.0%, 18.8%

CMYK

50.0%, 33.3%, 0.0%, 81.2%

OKLCH

0.2438 0.0329 263.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#182030

#302818

Analogous

#182C30

#1C1830

#182030

Triadic

#182030

#301820

#203018

Split Complementary

#182030

#301C18

#2C3018

Tetradic

#182030

#30182C

#302818

#18301C

Color Blindness Simulation

Original

#182030

Protanopia

#1B1C2C

Deuteranopia

#1B1A2B

Tritanopia

#182928

Achromatopsia

#1F1F1F

CSS Usage

background-color: #182030;
color: #182030;
border-color: #182030;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E7
300
#ADBBD6
400
#8196C0
500
#5571AA
600
#445B88
700
#36496D
800
#2B3955
900
#222C3F
950
#151C28

Contrast Checker

Text on white

16.3:1

AA Pass AAA Pass

Text on black

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