#4676B2

#4676B2

Color Values

HEX

#4676B2

RGB

70, 118, 178

HSL

213.3, 43.5%, 48.6%

HSV

213.3, 60.7%, 69.8%

CMYK

60.7%, 33.7%, 0.0%, 30.2%

OKLCH

0.5593 0.1075 254.8

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#4676B2

#B28246

Analogous

#46ACB2

#4C46B2

#4676B2

Triadic

#4676B2

#B24676

#76B246

Split Complementary

#4676B2

#B24C46

#ACB246

Tetradic

#4676B2

#B246AC

#B28246

#46B24C

Color Blindness Simulation

Original

#4676B2

Protanopia

#5B5BA3

Deuteranopia

#5854A0

Tritanopia

#489896

Achromatopsia

#707070

CSS Usage

background-color: #4676B2;
color: #4676B2;
border-color: #4676B2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCDAEB
300
#A7BFDC
400
#789CCA
500
#4879B7
600
#3A6192
700
#2E4E75
800
#243D5B
900
#1D2E43
950
#131D2B

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026