#102233

#102233

Color Values

HEX

#102233

RGB

16, 34, 51

HSL

209.1, 52.2%, 13.1%

HSV

209.1, 68.6%, 20.0%

CMYK

68.6%, 33.3%, 0.0%, 80.0%

OKLCH

0.2456 0.0405 248.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#102233

#332110

Analogous

#103332

#101033

#102233

Triadic

#102233

#331022

#223310

Split Complementary

#102233

#331010

#333210

Tetradic

#102233

#321033

#332110

#103310

Color Blindness Simulation

Original

#102233

Protanopia

#18182F

Deuteranopia

#17152E

Tritanopia

#112C2B

Achromatopsia

#1F1F1F

CSS Usage

background-color: #102233;
color: #102233;
border-color: #102233;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F4F7FB
100
#E5EDF5
200
#C9DCEE
300
#A2C3E2
400
#6FA2D2
500
#3D81C2
600
#31689B
700
#27537C
800
#1E4161
900
#1A3147
950
#101F2D

Contrast Checker

Text on white

16.17:1

AA Pass AAA Pass

Text on black

1.3:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026