#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