#C0F257

#C0F257

Color Values

HEX

#C0F257

RGB

192, 242, 87

HSL

79.4, 85.6%, 64.5%

HSV

79.4, 64.0%, 94.9%

CMYK

20.7%, 0.0%, 64.0%, 5.1%

OKLCH

0.8972 0.1877 125.3

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#C0F257

#8957F2

Analogous

#F2D757

#72F257

#C0F257

Triadic

#C0F257

#57C0F2

#F257C0

Split Complementary

#C0F257

#5772F2

#D757F2

Tetradic

#C0F257

#57F2D7

#8957F2

#F25772

Color Blindness Simulation

Original

#C0F257

Protanopia

#D6D67C

Deuteranopia

#D3CF86

Tritanopia

#C29AA1

Achromatopsia

#DCDCDC

CSS Usage

background-color: #C0F257;
color: #C0F257;
border-color: #C0F257;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F9FDF2
100
#F2FAE0
200
#E6FABD
300
#D4F68D
400
#BDF150
500
#A6ED12
600
#85BD0F
700
#6A970C
800
#537609
900
#3E560B
950
#273607

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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