#56BACD

#56BACD

Color Values

HEX

#56BACD

RGB

86, 186, 205

HSL

189.6, 54.3%, 57.1%

HSV

189.6, 58.0%, 80.4%

CMYK

58.0%, 9.3%, 0.0%, 19.6%

OKLCH

0.7367 0.0965 211.9

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#56BACD

#CD6956

Analogous

#56CDA5

#567FCD

#56BACD

Triadic

#56BACD

#CD56BA

#BACD56

Split Complementary

#56BACD

#CD567F

#CDA556

Tetradic

#56BACD

#A556CD

#CD6956

#7FCD56

Color Blindness Simulation

Original

#56BACD

Protanopia

#8182C8

Deuteranopia

#7C74C7

Tritanopia

#5BC5C4

Achromatopsia

#A6A6A6

CSS Usage

background-color: #56BACD;
color: #56BACD;
border-color: #56BACD;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8E8EF
300
#A1D8E3
400
#6DC3D4
500
#3AAFC5
600
#2F8C9D
700
#25707E
800
#1D5762
900
#194148
950
#10292E

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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