#C2E993

#C2E993

Color Values

HEX

#C2E993

RGB

194, 233, 147

HSL

87,2, 66,2%, 74,5%

HSV

87,2, 36,9%, 91,4%

CMYK

16,7%, 0,0%, 36,9%, 8,6%

OKLCH

0,8862 0,1189 128,5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C2E993

#BA93E9

Analogous

#E9E593

#97E993

#C2E993

Triadic

#C2E993

#93C2E9

#E993C2

Split Complementary

#C2E993

#9397E9

#E593E9

Tetradic

#C2E993

#93E9E5

#BA93E9

#E99397

Color Blindness Simulation

Original

#C2E993

Protanopia

#D3D3A8

Deuteranopia

#D1CEAD

Tritanopia

#C4B8BC

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DEF3C4
300
#C6EA99
400
#A6DF62
500
#87D42B
600
#6CAA22
700
#57881C
800
#446A16
900
#334D14
950
#20310C

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,37: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