#70AFEF

#70AFEF

Color Values

HEX

#70AFEF

RGB

112, 175, 239

HSL

210.2, 79.9%, 68.8%

HSV

210.2, 53.1%, 93.7%

CMYK

53.1%, 26.8%, 0.0%, 6.3%

OKLCH

0.7373 0.1138 250.0

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#70AFEF

#EFB070

Analogous

#70EFEF

#7070EF

#70AFEF

Triadic

#70AFEF

#EF70AF

#AFEF70

Split Complementary

#70AFEF

#EF7070

#EFEF70

Tetradic

#70AFEF

#EF70EF

#EFB070

#70EF70

Color Blindness Simulation

Original

#70AFEF

Protanopia

#8B8CE0

Deuteranopia

#8883DC

Tritanopia

#73D3D1

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDBF8
300
#91C1F3
400
#55A0EC
500
#1A7FE5
600
#1565B7
700
#105193
800
#0D3F73
900
#0E3053
950
#091E35

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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