#6FB6EB

#6FB6EB

Color Values

HEX

#6FB6EB

RGB

111, 182, 235

HSL

205.6, 75.6%, 67.8%

HSV

205.6, 52.8%, 92.2%

CMYK

52.8%, 22.6%, 0.0%, 7.8%

OKLCH

0.7503 0.105 242.3

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#6FB6EB

#EBA46F

Analogous

#6FEBE2

#6F78EB

#6FB6EB

Triadic

#6FB6EB

#EB6FB6

#B6EB6F

Split Complementary

#6FB6EB

#EB6F78

#EBE26F

Tetradic

#6FB6EB

#E26FEB

#EBA46F

#78EB6F

Color Blindness Simulation

Original

#6FB6EB

Protanopia

#8E8EDE

Deuteranopia

#8A84DB

Tritanopia

#73D4D2

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0DFF6
300
#94C9F0
400
#59ABE8
500
#1F8EE0
600
#1971B3
700
#145B8F
800
#104770
900
#0F3551
950
#0A2233

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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