#102227

#102227

Color Values

HEX

#102227

RGB

16, 34, 39

HSL

193.0, 41.8%, 10.8%

HSV

193.0, 59.0%, 15.3%

CMYK

59.0%, 12.8%, 0.0%, 84.7%

OKLCH

0.2388 0.0256 217.6

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#102227

#271510

Analogous

#102721

#101727

#102227

Triadic

#102227

#271022

#222710

Split Complementary

#102227

#271017

#272110

Tetradic

#102227

#211027

#271510

#172710

Color Blindness Simulation

Original

#102227

Protanopia

#181826

Deuteranopia

#171526

Tritanopia

#112525

Achromatopsia

#1F1F1F

CSS Usage

background-color: #102227;
color: #102227;
border-color: #102227;
Nearest Tailwind: Zinc 900 #18181B

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CCE4EA
300
#A8D0DB
400
#79B7C8
500
#4A9EB5
600
#3B7E91
700
#2F6574
800
#254F5A
900
#1E3B43
950
#13252A

Contrast Checker

Text on white

16.4:1

AA Pass AAA Pass

Text on black

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