#102C31

#102C31

Color Values

HEX

#102C31

RGB

16, 44, 49

HSL

189.1, 50.8%, 12.7%

HSV

189.1, 67.3%, 19.2%

CMYK

67.3%, 10.2%, 0.0%, 80.8%

OKLCH

0.2739 0.0348 210.8

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#102C31

#311510

Analogous

#103125

#101B31

#102C31

Triadic

#102C31

#31102C

#2C3110

Split Complementary

#102C31

#31101B

#312510

Tetradic

#102C31

#251031

#311510

#1B3110

Color Blindness Simulation

Original

#102C31

Protanopia

#1C1C30

Deuteranopia

#1A1830

Tritanopia

#112F2F

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E8ED
300
#A3D7E1
400
#71C2D1
500
#3FADC0
600
#328A9A
700
#286E7B
800
#1F5660
900
#1A4047
950
#11282D

Contrast Checker

Text on white

14.72:1

AA Pass AAA Pass

Text on black

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