#70B4D2

#70B4D2

Color Values

HEX

#70B4D2

RGB

112, 180, 210

HSL

198.4, 52.1%, 63.1%

HSV

198.4, 46.7%, 82.4%

CMYK

46.7%, 14.3%, 0.0%, 17.6%

OKLCH

0.7358 0.0814 228.0

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#70B4D2

#D28E70

Analogous

#70D2BF

#7083D2

#70B4D2

Triadic

#70B4D2

#D270B4

#B4D270

Split Complementary

#70B4D2

#D27083

#D2BF70

Tetradic

#70B4D2

#BF70D2

#D28E70

#83D270

Color Blindness Simulation

Original

#70B4D2

Protanopia

#8D8ECB

Deuteranopia

#8A84C9

Tritanopia

#73C5C4

Achromatopsia

#A8A8A8

CSS Usage

background-color: #70B4D2;
color: #70B4D2;
border-color: #70B4D2;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F4F9FB
100
#E5F0F5
200
#C9E2EE
300
#A2CEE2
400
#6FB4D2
500
#3D99C2
600
#317B9B
700
#27627C
800
#1F4D61
900
#1A3947
950
#10242D

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.15:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026