#172230

#172230

Color Values

HEX

#172230

RGB

23, 34, 48

HSL

213.6, 35.2%, 13.9%

HSV

213.6, 52.1%, 18.8%

CMYK

52.1%, 29.2%, 0.0%, 81.2%

OKLCH

0.2486 0.031 254.8

Properties

Cool Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#172230

#302517

Analogous

#172E30

#181730

#172230

Triadic

#172230

#301722

#223017

Split Complementary

#172230

#301817

#2E3017

Tetradic

#172230

#30172E

#302517

#173018

Color Blindness Simulation

Original

#172230

Protanopia

#1C1C2D

Deuteranopia

#1B1A2C

Tritanopia

#182A29

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE8
300
#ACBFD7
400
#7F9DC2
500
#537AAC
600
#42628A
700
#354E6E
800
#293D56
900
#212F40
950
#151D28

Contrast Checker

Text on white

16.06:1

AA Pass AAA Pass

Text on black

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