#102F22

#102F22

Color Values

HEX

#102F22

RGB

16, 47, 34

HSL

154.8, 49.2%, 12.4%

HSV

154.8, 66.0%, 18.4%

CMYK

66.0%, 0.0%, 27.7%, 81.6%

OKLCH

0.2772 0.0444 163.5

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#102F22

#2F101D

Analogous

#102F13

#102D2F

#102F22

Triadic

#102F22

#22102F

#2F2210

Split Complementary

#102F22

#2F102D

#2F1310

Tetradic

#102F22

#13102F

#2F101D

#2D2F10

Color Blindness Simulation

Original

#102F22

Protanopia

#1D1E25

Deuteranopia

#1C1926

Tritanopia

#122828

Achromatopsia

#272727

CSS Usage

background-color: #102F22;
color: #102F22;
border-color: #102F22;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F4FBF8
100
#E6F5EE
200
#CAEDDE
300
#A4E0C7
400
#72CFA8
500
#41BE8A
600
#34986E
700
#297A58
800
#205F45
900
#1B4634
950
#112C21

Contrast Checker

Text on white

14.47:1

AA Pass AAA Pass

Text on black

1.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026