#6CB4D5

#6CB4D5

Color Values

HEX

#6CB4D5

RGB

108, 180, 213

HSL

198.9, 55.6%, 62.9%

HSV

198.9, 49.3%, 83.5%

CMYK

49.3%, 15.5%, 0.0%, 16.5%

OKLCH

0.7351 0.0866 229.2

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#6CB4D5

#D58D6C

Analogous

#6CD5C2

#6C7FD5

#6CB4D5

Triadic

#6CB4D5

#D56CB4

#B4D56C

Split Complementary

#6CB4D5

#D56C7F

#D5C26C

Tetradic

#6CB4D5

#C26CD5

#D58D6C

#7FD56C

Color Blindness Simulation

Original

#6CB4D5

Protanopia

#8B8CCD

Deuteranopia

#8782CB

Tritanopia

#70C7C5

Achromatopsia

#A7A7A7

CSS Usage

background-color: #6CB4D5;
color: #6CB4D5;
border-color: #6CB4D5;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F9FB
100
#E5F0F6
200
#C7E3EF
300
#A0CEE4
400
#6CB4D5
500
#399AC6
600
#2D7B9F
700
#24627F
800
#1C4D63
900
#183949
950
#0F242E

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.13:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026