#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026