#70AAD2

#70AAD2

Color Values

HEX

#70AAD2

RGB

112, 170, 210

HSL

204.5, 52.1%, 63.1%

HSV

204.5, 46.7%, 82.4%

CMYK

46.7%, 19.0%, 0.0%, 17.6%

OKLCH

0.7134 0.0843 239.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#70AAD2

#D29870

Analogous

#70D2C9

#7079D2

#70AAD2

Triadic

#70AAD2

#D270AA

#AAD270

Split Complementary

#70AAD2

#D27079

#D2C970

Tetradic

#70AAD2

#C970D2

#D29870

#79D270

Color Blindness Simulation

Original

#70AAD2

Protanopia

#898AC8

Deuteranopia

#8681C6

Tritanopia

#73C1BF

Achromatopsia

#A1A1A1

CSS Usage

background-color: #70AAD2;
color: #70AAD2;
border-color: #70AAD2;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F8FB
100
#E5EFF5
200
#C9DFEE
300
#A2C8E2
400
#6FAAD2
500
#3D8CC2
600
#31709B
700
#27597C
800
#1F4661
900
#1A3547
950
#10212D

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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