#6FAFEF

#6FAFEF

Color Values

HEX

#6FAFEF

RGB

111, 175, 239

HSL

210.0, 80.0%, 68.6%

HSV

210.0, 53.6%, 93.7%

CMYK

53.6%, 26.8%, 0.0%, 6.3%

OKLCH

0.7368 0.1143 249.6

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6FAFEF

#EFAF6F

Analogous

#6FEFEF

#6F6FEF

#6FAFEF

Triadic

#6FAFEF

#EF6FAF

#AFEF6F

Split Complementary

#6FAFEF

#EF6F6F

#EFEF6F

Tetradic

#6FAFEF

#EF6FEF

#EFAF6F

#6FEF6F

Color Blindness Simulation

Original

#6FAFEF

Protanopia

#8B8BE0

Deuteranopia

#8782DC

Tritanopia

#72D3D1

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDBF8
300
#91C2F3
400
#55A1EC
500
#1980E6
600
#1466B8
700
#105293
800
#0D4073
900
#0E3053
950
#091F35

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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