#70A1EB

#70A1EB

Color Values

HEX

#70A1EB

RGB

112, 161, 235

HSL

216.1, 75.5%, 68.0%

HSV

216.1, 52.3%, 92.2%

CMYK

52.3%, 31.5%, 0.0%, 7.8%

OKLCH

0.7052 0.1213 258.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#70A1EB

#EBBA70

Analogous

#70DEEB

#7C70EB

#70A1EB

Triadic

#70A1EB

#EB70A1

#A1EB70

Split Complementary

#70A1EB

#EB7C70

#DEEB70

Tetradic

#70A1EB

#EB70DE

#EBBA70

#70EB7C

Color Blindness Simulation

Original

#70A1EB

Protanopia

#8586D9

Deuteranopia

#827FD5

Tritanopia

#72CBC8

Achromatopsia

#9C9C9C

CSS Usage

background-color: #70A1EB;
color: #70A1EB;
border-color: #70A1EB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FC
100
#E2EBF9
200
#C0D6F6
300
#94B8F0
400
#5992E8
500
#1F6CE0
600
#1956B3
700
#14458F
800
#103670
900
#102A51
950
#0A1A33

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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