#104F22

#104F22

Color Values

HEX

#104F22

RGB

16, 79, 34

HSL

137,1, 66,3%, 18,6%

HSV

137,1, 79,7%, 31,0%

CMYK

79,7%, 0,0%, 57,0%, 69,0%

OKLCH

0,3772 0,0967 148,5

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#104F22

#4F103D

Analogous

#1E4F10

#104F41

#104F22

Triadic

#104F22

#22104F

#4F2210

Split Complementary

#104F22

#41104F

#4F101E

Tetradic

#104F22

#101E4F

#4F103D

#4F4110

Color Blindness Simulation

Original

#104F22

Protanopia

#2B2C2D

Deuteranopia

#282330

Tritanopia

#133537

Achromatopsia

#3E3E3E

CSS Usage

background-color: #104F22;
color: #104F22;
border-color: #104F22;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F3FCF5
100
#E3F7E9
200
#C4F3D1
300
#99EAB0
400
#62DF86
500
#2BD45B
600
#22AA49
700
#1B883A
800
#156A2E
900
#144D24
950
#0C3117

Contrast Checker

Text on white

9,71:1

AA Pass AAA Pass

Text on black

2,16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026