#3CF599

#3CF599

Color Values

HEX

#3CF599

RGB

60, 245, 153

HSL

150,2, 90,2%, 59,8%

HSV

150,2, 75,5%, 96,1%

CMYK

75,5%, 0,0%, 37,6%, 3,9%

OKLCH

0,8594 0,1934 155,8

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#3CF599

#F53C98

Analogous

#3CF53D

#3CF4F5

#3CF599

Triadic

#3CF599

#993CF5

#F5993C

Split Complementary

#3CF599

#F53CF4

#F53D3C

Tetradic

#3CF599

#3D3CF5

#F53C98

#F4F53C

Color Blindness Simulation

Original

#3CF599

Protanopia

#8C8EAF

Deuteranopia

#8174B5

Tritanopia

#45C1C5

Achromatopsia

#C7C7C7

CSS Usage

background-color: #3CF599;
color: #3CF599;
border-color: #3CF599;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDC
300
#8BF9C2
400
#4CF6A1
500
#0CF380
600
#0AC267
700
#089B52
800
#067940
900
#095831
950
#06371F

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,71: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