#6BAEEB

#6BAEEB

Color Values

HEX

#6BAEEB

RGB

107, 174, 235

HSL

208.6, 76.2%, 67.1%

HSV

208.6, 54.5%, 92.2%

CMYK

54.5%, 26.0%, 0.0%, 7.8%

OKLCH

0.7308 0.1124 247.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#6BAEEB

#EBA86B

Analogous

#6BEBE8

#6B6EEB

#6BAEEB

Triadic

#6BAEEB

#EB6BAE

#AEEB6B

Split Complementary

#6BAEEB

#EB6B6E

#EBE86B

Tetradic

#6BAEEB

#E86BEB

#EBA86B

#6EEB6B

Color Blindness Simulation

Original

#6BAEEB

Protanopia

#8889DC

Deuteranopia

#847FD9

Tritanopia

#6ED1CE

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C0DDF7
300
#93C4F0
400
#59A4E9
500
#1E84E1
600
#186AB4
700
#135590
800
#0F4270
900
#0F3252
950
#0A2034

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

8.88:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026