#70A7FF

#70A7FF

Color Values

HEX

#70A7FF

RGB

112, 167, 255

HSL

216.9, 100.0%, 72.0%

HSV

216.9, 56.1%, 100.0%

CMYK

56.1%, 34.5%, 0.0%, 0.0%

OKLCH

0.7281 0.1413 259.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#70A7FF

#FFC870

Analogous

#70EFFF

#8170FF

#70A7FF

Triadic

#70A7FF

#FF70A7

#A7FF70

Split Complementary

#70A7FF

#FF8170

#EFFF70

Tetradic

#70A7FF

#FF70EF

#FFC870

#70FF81

Color Blindness Simulation

Original

#70A7FF

Protanopia

#8888EA

Deuteranopia

#8580E5

Tritanopia

#73D9D5

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D3FF
300
#85B4FF
400
#428BFF
500
#0062FF
600
#004FCC
700
#003FA3
800
#003180
900
#05265C
950
#03183A

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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