#182331

#182331

Color Values

HEX

#182331

RGB

24, 35, 49

HSL

213.6, 34.2%, 14.3%

HSV

213.6, 51.0%, 19.2%

CMYK

51.0%, 28.6%, 0.0%, 80.8%

OKLCH

0.2527 0.0309 254.8

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#182331

#312618

Analogous

#182F31

#191831

#182331

Triadic

#182331

#311823

#233118

Split Complementary

#182331

#311918

#2F3118

Tetradic

#182331

#31182F

#312618

#183119

Color Blindness Simulation

Original

#182331

Protanopia

#1D1D2E

Deuteranopia

#1C1B2D

Tritanopia

#192B2A

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE8
300
#ADBFD7
400
#809DC1
500
#547AAB
600
#436289
700
#364E6E
800
#2A3D56
900
#222F3F
950
#151D28

Contrast Checker

Text on white

15.87:1

AA Pass AAA Pass

Text on black

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