#102427

#102427

Color Values

HEX

#102427

RGB

16, 36, 39

HSL

187.8, 41.8%, 10.8%

HSV

187.8, 59.0%, 15.3%

CMYK

59.0%, 7.7%, 0.0%, 84.7%

OKLCH

0.2449 0.0265 208.0

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#102427

#271310

Analogous

#10271F

#101927

#102427

Triadic

#102427

#271024

#242710

Split Complementary

#102427

#271019

#271F10

Tetradic

#102427

#1F1027

#271310

#192710

Color Blindness Simulation

Original

#102427

Protanopia

#191926

Deuteranopia

#181626

Tritanopia

#112626

Achromatopsia

#202020

CSS Usage

background-color: #102427;
color: #102427;
border-color: #102427;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CCE6EA
300
#A8D5DB
400
#79BEC8
500
#4AA7B5
600
#3B8691
700
#2F6B74
800
#25535A
900
#1E3E43
950
#13272A

Contrast Checker

Text on white

16.11:1

AA Pass AAA Pass

Text on black

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