#4697B9

#4697B9

Color Values

HEX

#4697B9

RGB

70, 151, 185

HSL

197.7, 45.1%, 50.0%

HSV

197.7, 62.2%, 72.5%

CMYK

62.2%, 18.4%, 0.0%, 27.5%

OKLCH

0.6399 0.0935 228.4

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#4697B9

#B96846

Analogous

#46B9A1

#465EB9

#4697B9

Triadic

#4697B9

#B94697

#97B946

Split Complementary

#4697B9

#B9465E

#B9A146

Tetradic

#4697B9

#A146B9

#B96846

#5EB946

Color Blindness Simulation

Original

#4697B9

Protanopia

#696AB1

Deuteranopia

#645EAF

Tritanopia

#4AAAA9

Achromatopsia

#888888

CSS Usage

background-color: #4697B9;
color: #4697B9;
border-color: #4697B9;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CBE2EB
300
#A6CDDD
400
#76B2CB
500
#4697B9
600
#387994
700
#2D6176
800
#234C5D
900
#1D3944
950
#12242B

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

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