#6CB4F4

#6CB4F4

Color Values

HEX

#6CB4F4

RGB

108, 180, 244

HSL

208.2, 86.1%, 69.0%

HSV

208.2, 55.7%, 95.7%

CMYK

55.7%, 26.2%, 0.0%, 4.3%

OKLCH

0.7486 0.1179 246.9

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6CB4F4

#F4AC6C

Analogous

#6CF4F0

#6C70F4

#6CB4F4

Triadic

#6CB4F4

#F46CB4

#B4F46C

Split Complementary

#6CB4F4

#F46C70

#F4F06C

Tetradic

#6CB4F4

#F06CF4

#F4AC6C

#70F46C

Color Blindness Simulation

Original

#6CB4F4

Protanopia

#8B8CE5

Deuteranopia

#8782E1

Tritanopia

#70D8D6

Achromatopsia

#A9A9A9

CSS Usage

background-color: #6CB4F4;
color: #6CB4F4;
border-color: #6CB4F4;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDFA
300
#8DC5F6
400
#4FA6F2
500
#1286ED
600
#0E6BBE
700
#0B5698
800
#094377
900
#0B3356
950
#072036

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.47: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