#102225

#102225

Color Values

HEX

#102225

RGB

16, 34, 37

HSL

188.6, 39.6%, 10.4%

HSV

188.6, 56.8%, 14.5%

CMYK

56.8%, 8.1%, 0.0%, 85.5%

OKLCH

0.2378 0.0245 209.2

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#102225

#251310

Analogous

#10251E

#101825

#102225

Triadic

#102225

#251022

#222510

Split Complementary

#102225

#251018

#251E10

Tetradic

#102225

#1E1025

#251310

#182510

Color Blindness Simulation

Original

#102225

Protanopia

#181824

Deuteranopia

#171524

Tritanopia

#112424

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5E9
300
#AAD3DA
400
#7BBBC6
500
#4DA4B2
600
#3E838E
700
#316972
800
#275259
900
#1F3D42
950
#14262A

Contrast Checker

Text on white

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