#08C48F

#08C48F

Color Values

HEX

#08C48F

RGB

8, 196, 143

HSL

163,1, 92,2%, 40,0%

HSV

163,1, 95,9%, 76,9%

CMYK

95,9%, 0,0%, 27,0%, 23,1%

OKLCH

0,7273 0,1516 165,1

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#08C48F

#C4083D

Analogous

#08C431

#089BC4

#08C48F

Triadic

#08C48F

#8F08C4

#C48F08

Split Complementary

#08C48F

#C4089B

#C43108

Tetradic

#08C48F

#3108C4

#C4083D

#9BC408

Color Blindness Simulation

Original

#08C48F

Protanopia

#595B9C

Deuteranopia

#4E409F

Tritanopia

#11A6A8

Achromatopsia

#989898

CSS Usage

background-color: #08C48F;
color: #08C48F;
border-color: #08C48F;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFCEA
300
#89FADA
400
#4AF8C7
500
#0AF5B3
600
#08C48F
700
#069D72
800
#057B59
900
#085942
950
#05382A

Contrast Checker

Text on white

2,26:1

AA Fail AAA Fail

Text on black

9,3:1

AA Pass AAA Pass

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