#70ABEC

#70ABEC

Color Values

HEX

#70ABEC

RGB

112, 171, 236

HSL

211,5, 76,5%, 68,2%

HSV

211,5, 52,5%, 92,5%

CMYK

52,5%, 27,5%, 0,0%, 7,5%

OKLCH

0,7272 0,1134 251,8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#70ABEC

#ECB170

Analogous

#70E9EC

#7370EC

#70ABEC

Triadic

#70ABEC

#EC70AB

#ABEC70

Split Complementary

#70ABEC

#EC7370

#E9EC70

Tetradic

#70ABEC

#EC70E9

#ECB170

#70EC73

Color Blindness Simulation

Original

#70ABEC

Protanopia

#8A8ADC

Deuteranopia

#8682D8

Tritanopia

#73D0CD

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DAF7
300
#93BFF1
400
#589DE9
500
#1E7BE1
600
#1862B4
700
#134E90
800
#0F3D71
900
#0F2F52
950
#0A1E34

Contrast Checker

Text on white

2,41:1

AA Fail AAA Fail

Text on black

8,73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026