#AFD293

#AFD293

Color Values

HEX

#AFD293

RGB

175, 210, 147

HSL

93.3, 41.2%, 70.0%

HSV

93.3, 30.0%, 82.4%

CMYK

16.7%, 0.0%, 30.0%, 17.6%

OKLCH

0.8226 0.0928 131.8

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#AFD293

#B693D2

Analogous

#CFD293

#93D296

#AFD293

Triadic

#AFD293

#93AFD2

#D293AF

Split Complementary

#AFD293

#9693D2

#D293CF

Tetradic

#AFD293

#93CFD2

#B693D2

#D29693

Color Blindness Simulation

Original

#AFD293

Protanopia

#BEBEA2

Deuteranopia

#BCBAA6

Tritanopia

#B1AEB1

Achromatopsia

#C6C6C6

CSS Usage

background-color: #AFD293;
color: #AFD293;
border-color: #AFD293;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#DAEACD
300
#BFDBA9
400
#9CC87A
500
#7AB44B
600
#61903C
700
#4E7330
800
#3D5A25
900
#2E421E
950
#1D2A13

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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