#0F9475

#0F9475

Color Values

HEX

#0F9475

RGB

15, 148, 117

HSL

166.0, 81.6%, 32.0%

HSV

166.0, 89.9%, 58.0%

CMYK

89.9%, 0.0%, 20.9%, 42.0%

OKLCH

0.5945 0.114 170.7

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0F9475

#940F2E

Analogous

#0F9433

#0F7194

#0F9475

Triadic

#0F9475

#750F94

#94750F

Split Complementary

#0F9475

#940F71

#94330F

Tetradic

#0F9475

#330F94

#940F2E

#71940F

Color Blindness Simulation

Original

#0F9475

Protanopia

#494A7C

Deuteranopia

#41377E

Tritanopia

#168284

Achromatopsia

#757575

CSS Usage

background-color: #0F9475;
color: #0F9475;
border-color: #0F9475;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F2FDFA
100
#E1FAF4
200
#BEF8EB
300
#90F4DC
400
#54EECA
500
#17E8B7
600
#13B992
700
#0F9475
800
#0C745B
900
#0D5443
950
#08352B

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.51:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026