#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026