#0F974F

#0F974F

Color Values

HEX

#0F974F

RGB

15, 151, 79

HSL

148.2, 81.9%, 32.5%

HSV

148.2, 90.1%, 59.2%

CMYK

90.1%, 0.0%, 47.7%, 40.8%

OKLCH

0.5941 0.1514 152.3

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#0F974F

#970F57

Analogous

#13970F

#0F9793

#0F974F

Triadic

#0F974F

#4F0F97

#974F0F

Split Complementary

#0F974F

#930F97

#970F13

Tetradic

#0F974F

#0F1397

#970F57

#97930F

Color Blindness Simulation

Original

#0F974F

Protanopia

#4A4B60

Deuteranopia

#423865

Tritanopia

#166E71

Achromatopsia

#757575

CSS Usage

background-color: #0F974F;
color: #0F974F;
border-color: #0F974F;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF7
100
#E1FAEC
200
#BEF9DA
300
#90F4BF
400
#53EE9C
500
#17E879
600
#12BA61
700
#0F944E
800
#0C743D
900
#0D542E
950
#08351D

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.56:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026