#6CACF2

#6CACF2

Color Values

HEX

#6CACF2

RGB

108, 172, 242

HSL

211.3, 83.7%, 68.6%

HSV

211.3, 55.4%, 94.9%

CMYK

55.4%, 28.9%, 0.0%, 5.1%

OKLCH

0.7302 0.1219 251.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6CACF2

#F2B26C

Analogous

#6CEFF2

#6F6CF2

#6CACF2

Triadic

#6CACF2

#F26CAC

#ACF26C

Split Complementary

#6CACF2

#F26F6C

#EFF26C

Tetradic

#6CACF2

#F26CEF

#F2B26C

#6CF26F

Color Blindness Simulation

Original

#6CACF2

Protanopia

#8888E1

Deuteranopia

#847FDD

Tritanopia

#6FD4D1

Achromatopsia

#A3A3A3

CSS Usage

background-color: #6CACF2;
color: #6CACF2;
border-color: #6CACF2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDAF9
300
#8FC0F5
400
#529DF0
500
#157BEA
600
#1162BB
700
#0D4F96
800
#0A3D75
900
#0C2F55
950
#081E36

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026