#C0E697

#C0E697

Color Values

HEX

#C0E697

RGB

192, 230, 151

HSL

88.9, 61.2%, 74.7%

HSV

88.9, 34.3%, 90.2%

CMYK

16.5%, 0.0%, 34.3%, 9.8%

OKLCH

0.879 0.111 129.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C0E697

#BD97E6

Analogous

#E6E597

#98E697

#C0E697

Triadic

#C0E697

#97C0E6

#E697C0

Split Complementary

#C0E697

#9798E6

#E597E6

Tetradic

#C0E697

#97E6E5

#BD97E6

#E69798

Color Blindness Simulation

Original

#C0E697

Protanopia

#D0D1AA

Deuteranopia

#CECBAF

Tritanopia

#C2B9BD

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF6E4
200
#DCF1C5
300
#C3E79C
400
#A3DA67
500
#82CE31
600
#68A428
700
#538420
800
#416719
900
#314B16
950
#1F2F0E

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026