#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026