#AFE1C4

#AFE1C4

Color Values

HEX

#AFE1C4

RGB

175, 225, 196

HSL

145.2, 45.5%, 78.4%

HSV

145.2, 22.2%, 88.2%

CMYK

22.2%, 0.0%, 12.9%, 11.8%

OKLCH

0.8668 0.0654 159.2

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#AFE1C4

#E1AFCC

Analogous

#B3E1AF

#AFE1DD

#AFE1C4

Triadic

#AFE1C4

#C4AFE1

#E1C4AF

Split Complementary

#AFE1C4

#DDAFE1

#E1AFB3

Tetradic

#AFE1C4

#AFB3E1

#E1AFCC

#E1DDAF

Color Blindness Simulation

Original

#AFE1C4

Protanopia

#C5C5CB

Deuteranopia

#C2BECD

Tritanopia

#B2D1D2

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CBECD9
300
#A6DEBD
400
#76CC9A
500
#45BA76
600
#38945F
700
#2C774C
800
#235D3B
900
#1D442D
950
#122B1D

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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