#C2D384

#C2D384

Color Values

HEX

#C2D384

RGB

194, 211, 132

HSL

72,9, 47,3%, 67,3%

HSV

72,9, 37,4%, 82,7%

CMYK

8,1%, 0,0%, 37,4%, 17,3%

OKLCH

0,8357 0,1042 118,6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C2D384

#9584D3

Analogous

#D3BD84

#9BD384

#C2D384

Triadic

#C2D384

#84C2D3

#D384C2

Split Complementary

#C2D384

#849BD3

#BD84D3

Tetradic

#C2D384

#84D3BD

#9584D3

#D3849B

Color Blindness Simulation

Original

#C2D384

Protanopia

#C9CA97

Deuteranopia

#C8C79C

Tritanopia

#C3A6AA

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F1F4E6
200
#E5ECCA
300
#D2DFA5
400
#BACD74
500
#A2BC43
600
#829636
700
#68782B
800
#515E22
900
#3C451C
950
#262C12

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,94: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