#0F9474

#0F9474

Color Values

HEX

#0F9474

RGB

15, 148, 116

HSL

165.6, 81.6%, 32.0%

HSV

165.6, 89.9%, 58.0%

CMYK

89.9%, 0.0%, 21.6%, 42.0%

OKLCH

0.5942 0.1147 170.1

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#0F9474

#940F2F

Analogous

#0F9432

#0F7294

#0F9474

Triadic

#0F9474

#740F94

#94740F

Split Complementary

#0F9474

#940F72

#94320F

Tetradic

#0F9474

#320F94

#940F2F

#72940F

Color Blindness Simulation

Original

#0F9474

Protanopia

#494A7C

Deuteranopia

#41377E

Tritanopia

#168283

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E1FAF4
200
#BEF8EA
300
#90F4DC
400
#54EEC9
500
#17E8B6
600
#13B991
700
#0F9474
800
#0C745B
900
#0D5443
950
#08352A

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