#95F7D0

#95F7D0

Color Values

HEX

#95F7D0

RGB

149, 247, 208

HSL

156.1, 86.0%, 77.6%

HSV

156.1, 39.7%, 96.9%

CMYK

39.7%, 0.0%, 15.8%, 3.1%

OKLCH

0.9049 0.1083 166.6

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#95F7D0

#F795BC

Analogous

#95F79F

#95EDF7

#95F7D0

Triadic

#95F7D0

#D095F7

#F7D095

Split Complementary

#95F7D0

#F795ED

#F79F95

Tetradic

#95F7D0

#9F95F7

#F795BC

#EDF795

Color Blindness Simulation

Original

#95F7D0

Protanopia

#BFC0D9

Deuteranopia

#BAB2DC

Tritanopia

#9AE1E3

Achromatopsia

#DFDFDF

CSS Usage

background-color: #95F7D0;
color: #95F7D0;
border-color: #95F7D0;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F2FDF8
100
#E0FAF0
200
#BDFAE2
300
#8DF6CD
400
#50F2B1
500
#12ED96
600
#0EBE78
700
#0B9860
800
#09774B
900
#0B5638
950
#073623

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.49: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