#69FCAF

#69FCAF

Color Values

HEX

#69FCAF

RGB

105, 252, 175

HSL

148,6, 96,1%, 70,0%

HSV

148,6, 58,3%, 98,8%

CMYK

58,3%, 0,0%, 30,6%, 1,2%

OKLCH

0,8918 0,1669 157,4

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#69FCAF

#FC69B6

Analogous

#6CFC69

#69FCF9

#69FCAF

Triadic

#69FCAF

#AF69FC

#FCAF69

Split Complementary

#69FCAF

#F969FC

#FC696C

Tetradic

#69FCAF

#696CFC

#FC69B6

#FCF969

Color Blindness Simulation

Original

#69FCAF

Protanopia

#A9AAC2

Deuteranopia

#A095C6

Tritanopia

#70D0D4

Achromatopsia

#D7D7D7

CSS Usage

background-color: #69FCAF;
color: #69FCAF;
border-color: #69FCAF;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FEF7
100
#DFFCEC
200
#B9FEDA
300
#87FDBF
400
#46FB9C
500
#05FA7A
600
#04C861
700
#03A04E
800
#027D3D
900
#075A2E
950
#04391D

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

16,14:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026