#6FD8DE

#6FD8DE

Color Values

HEX

#6FD8DE

RGB

111, 216, 222

HSL

183.2, 62.7%, 65.3%

HSV

183.2, 50.0%, 87.1%

CMYK

50.0%, 2.7%, 0.0%, 12.9%

OKLCH

0.8219 0.0977 200.4

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#6FD8DE

#DE756F

Analogous

#6FDEAC

#6FA1DE

#6FD8DE

Triadic

#6FD8DE

#DE6FD8

#D8DE6F

Split Complementary

#6FD8DE

#DE6FA1

#DEAC6F

Tetradic

#6FD8DE

#AC6FDE

#DE756F

#A1DE6F

Color Blindness Simulation

Original

#6FD8DE

Protanopia

#9C9DDD

Deuteranopia

#968EDC

Tritanopia

#74DBDB

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F7
200
#C5EFF2
300
#9BE4E8
400
#65D5DC
500
#30C7CF
600
#269FA6
700
#1E7F85
800
#186368
900
#15494C
950
#0D2E30

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.55:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026