#C7ED94

#C7ED94

Color Values

HEX

#C7ED94

RGB

199, 237, 148

HSL

85.6, 71.2%, 75.5%

HSV

85.6, 37.6%, 92.9%

CMYK

16.0%, 0.0%, 37.6%, 7.1%

OKLCH

0.8985 0.1215 127.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C7ED94

#BA94ED

Analogous

#EDE694

#9BED94

#C7ED94

Triadic

#C7ED94

#94C7ED

#ED94C7

Split Complementary

#C7ED94

#949BED

#E694ED

Tetradic

#C7ED94

#94EDE6

#BA94ED

#ED949B

Color Blindness Simulation

Original

#C7ED94

Protanopia

#D7D8AA

Deuteranopia

#D5D2AF

Tritanopia

#C9BBBE

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#DFF5C2
300
#C8ED96
400
#ABE45D
500
#8DDA25
600
#71AF1D
700
#5A8C18
800
#466D12
900
#354F11
950
#21320B

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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