#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

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026