#AFF4BB

#AFF4BB

Color Values

HEX

#AFF4BB

RGB

175, 244, 187

HSL

130.4, 75.8%, 82.2%

HSV

130.4, 28.3%, 95.7%

CMYK

28.3%, 0.0%, 23.4%, 4.3%

OKLCH

0.9065 0.1038 149.3

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#AFF4BB

#F4AFE8

Analogous

#C6F4AF

#AFF4DE

#AFF4BB

Triadic

#AFF4BB

#BBAFF4

#F4BBAF

Split Complementary

#AFF4BB

#DEAFF4

#F4AFC6

Tetradic

#AFF4BB

#AFC6F4

#F4AFE8

#F4DEAF

Color Blindness Simulation

Original

#AFF4BB

Protanopia

#CDCDC9

Deuteranopia

#C9C4CC

Tritanopia

#B2D4D6

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F2FCF4
100
#E2F9E6
200
#C0F6CA
300
#93F0A3
400
#59E872
500
#1FE040
600
#19B333
700
#148F29
800
#0F7020
900
#0F521B
950
#0A3311

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

16.48:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026