#6ADFE8

#6ADFE8

Color Values

HEX

#6ADFE8

RGB

106, 223, 232

HSL

184.3, 73.3%, 66.3%

HSV

184.3, 54.3%, 91.0%

CMYK

54.3%, 3.9%, 0.0%, 9.0%

OKLCH

0.8395 0.1061 202.1

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#6ADFE8

#E8736A

Analogous

#6AE8B2

#6AA0E8

#6ADFE8

Triadic

#6ADFE8

#E86ADF

#DFE86A

Split Complementary

#6ADFE8

#E86AA0

#E8B26A

Tetradic

#6ADFE8

#B26AE8

#E8736A

#A0E86A

Color Blindness Simulation

Original

#6ADFE8

Protanopia

#9D9EE6

Deuteranopia

#968DE5

Tritanopia

#70E4E4

Achromatopsia

#C7C7C7

CSS Usage

background-color: #6ADFE8;
color: #6ADFE8;
border-color: #6ADFE8;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F3FBFC
100
#E2F7F8
200
#C1F2F5
300
#95E8EF
400
#5BDCE6
500
#22D0DD
600
#1BA6B1
700
#16858D
800
#11686E
900
#104C50
950
#0A3033

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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