#AFEEC3

#AFEEC3

Color Values

HEX

#AFEEC3

RGB

175, 238, 195

HSL

139,0, 64,9%, 81,0%

HSV

139,0, 26,5%, 93,3%

CMYK

26,5%, 0,0%, 18,1%, 6,7%

OKLCH

0,8951 0,0868 154,5

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#AFEEC3

#EEAFDA

Analogous

#BBEEAF

#AFEEE2

#AFEEC3

Triadic

#AFEEC3

#C3AFEE

#EEC3AF

Split Complementary

#AFEEC3

#E2AFEE

#EEAFBB

Tetradic

#AFEEC3

#AFBBEE

#EEAFDA

#EEE2AF

Color Blindness Simulation

Original

#AFEEC3

Protanopia

#CACBCD

Deuteranopia

#C7C2D0

Tritanopia

#B2D6D7

Achromatopsia

#DEDEDE

CSS Usage

background-color: #AFEEC3;
color: #AFEEC3;
border-color: #AFEEC3;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F3FCF6
100
#E3F7EA
200
#C4F2D3
300
#9AEAB3
400
#63DE8A
500
#2DD261
600
#24A84E
700
#1D873E
800
#166931
900
#144D26
950
#0D3018

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,84:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026