#C1F096

#C1F096

Color Values

HEX

#C1F096

RGB

193, 240, 150

HSL

91.3, 75.0%, 76.5%

HSV

91.3, 37.5%, 94.1%

CMYK

19.6%, 0.0%, 37.5%, 5.9%

OKLCH

0.9014 0.1265 131.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C1F096

#C596F0

Analogous

#EEF096

#96F098

#C1F096

Triadic

#C1F096

#96C1F0

#F096C1

Split Complementary

#C1F096

#9896F0

#F096EE

Tetradic

#C1F096

#96EEF0

#C596F0

#F09896

Color Blindness Simulation

Original

#C1F096

Protanopia

#D5D6AC

Deuteranopia

#D3CFB1

Tritanopia

#C3BDC1

Achromatopsia

#E0E0E0

CSS Usage

background-color: #C1F096;
color: #C1F096;
border-color: #C1F096;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FCF2
100
#EDF9E2
200
#DAF6C1
300
#C0F094
400
#9EE75A
500
#7BDF20
600
#63B319
700
#4F8F14
800
#3E7010
900
#2F5110
950
#1E330A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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