#6DBFD5

#6DBFD5

Color Values

HEX

#6DBFD5

RGB

109, 191, 213

HSL

192,7, 55,3%, 63,1%

HSV

192,7, 48,8%, 83,5%

CMYK

48,8%, 10,3%, 0,0%, 16,5%

OKLCH

0,7606 0,0859 217,1

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#6DBFD5

#D5836D

Analogous

#6DD5B7

#6D8BD5

#6DBFD5

Triadic

#6DBFD5

#D56DBF

#BFD56D

Split Complementary

#6DBFD5

#D56D8B

#D5B76D

Tetradic

#6DBFD5

#B76DD5

#D5836D

#8BD56D

Color Blindness Simulation

Original

#6DBFD5

Protanopia

#9191D0

Deuteranopia

#8C86CE

Tritanopia

#71CBCB

Achromatopsia

#AFAFAF

CSS Usage

background-color: #6DBFD5;
color: #6DBFD5;
border-color: #6DBFD5;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4F9FB
100
#E5F2F6
200
#C8E7EF
300
#A0D5E4
400
#6CBFD5
500
#39A8C6
600
#2E879E
700
#246C7F
800
#1C5463
900
#183E49
950
#0F272E

Contrast Checker

Text on white

2,09:1

AA Fail AAA Fail

Text on black

10,06: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