#6FBCFC

#6FBCFC

Color Values

HEX

#6FBCFC

RGB

111, 188, 252

HSL

207.2, 95.9%, 71.2%

HSV

207.2, 56.0%, 98.8%

CMYK

56.0%, 25.4%, 0.0%, 1.2%

OKLCH

0.771 0.1199 245.3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#6FBCFC

#FCAF6F

Analogous

#6FFCF5

#6F76FC

#6FBCFC

Triadic

#6FBCFC

#FC6FBC

#BCFC6F

Split Complementary

#6FBCFC

#FC6F76

#FCF56F

Tetradic

#6FBCFC

#F56FFC

#FCAF6F

#76FC6F

Color Blindness Simulation

Original

#6FBCFC

Protanopia

#9091ED

Deuteranopia

#8C86E9

Tritanopia

#73E0DE

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DEFE
300
#87C7FC
400
#46A9FB
500
#058BFA
600
#046FC8
700
#0359A0
800
#03457D
900
#07345A
950
#042139

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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