#70BCFF

#70BCFF

Color Values

HEX

#70BCFF

RGB

112, 188, 255

HSL

208,1, 100,0%, 72,0%

HSV

208,1, 56,1%, 100,0%

CMYK

56,1%, 26,3%, 0,0%, 0,0%

OKLCH

0,7729 0,1227 246,8

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#70BCFF

#FFB370

Analogous

#70FFFA

#7075FF

#70BCFF

Triadic

#70BCFF

#FF70BC

#BCFF70

Split Complementary

#70BCFF

#FF7075

#FFFA70

Tetradic

#70BCFF

#FA70FF

#FFB370

#75FF70

Color Blindness Simulation

Original

#70BCFF

Protanopia

#9192EF

Deuteranopia

#8C87EB

Tritanopia

#74E2DF

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DEFF
300
#85C6FF
400
#42A7FF
500
#0088FF
600
#006CCC
700
#0057A3
800
#004480
900
#05335C
950
#03203A

Contrast Checker

Text on white

2,03:1

AA Fail AAA Fail

Text on black

10,33: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