#70BCCF

#70BCCF

Color Values

HEX

#70BCCF

RGB

112, 188, 207

HSL

192,0, 49,7%, 62,5%

HSV

192,0, 45,9%, 81,2%

CMYK

45,9%, 9,2%, 0,0%, 18,8%

OKLCH

0,7528 0,08 215,6

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#70BCCF

#CF8370

Analogous

#70CFB2

#708CCF

#70BCCF

Triadic

#70BCCF

#CF70BC

#BCCF70

Split Complementary

#70BCCF

#CF708C

#CFB270

Tetradic

#70BCCF

#B270CF

#CF8370

#8CCF70

Color Blindness Simulation

Original

#70BCCF

Protanopia

#9192CA

Deuteranopia

#8C87C9

Tritanopia

#74C7C6

Achromatopsia

#ADADAD

CSS Usage

background-color: #70BCCF;
color: #70BCCF;
border-color: #70BCCF;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4F9FB
100
#E6F2F5
200
#CAE6ED
300
#A3D4E0
400
#72BDD0
500
#40A6BF
600
#338499
700
#296A7A
800
#20535F
900
#1B3D46
950
#11272C

Contrast Checker

Text on white

2,15:1

AA Fail AAA Fail

Text on black

9,78: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