#2078B7

#2078B7

Color Values

HEX

#2078B7

RGB

32, 120, 183

HSL

205.0, 70.2%, 42.2%

HSV

205.0, 82.5%, 71.8%

CMYK

82.5%, 34.4%, 0.0%, 28.2%

OKLCH

0.5536 0.1262 245.3

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#2078B7

#B75F20

Analogous

#20B7AB

#202DB7

#2078B7

Triadic

#2078B7

#B72078

#78B720

Split Complementary

#2078B7

#B7202D

#B7AB20

Tetradic

#2078B7

#AB20B7

#B75F20

#2DB720

Color Blindness Simulation

Original

#2078B7

Protanopia

#4647A8

Deuteranopia

#413AA4

Tritanopia

#249C99

Achromatopsia

#6A6A6A

CSS Usage

background-color: #2078B7;
color: #2078B7;
border-color: #2078B7;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C2DFF4
300
#97C9ED
400
#5EACE3
500
#268ED9
600
#1E72AE
700
#185B8B
800
#13476D
900
#12364F
950
#0B2232

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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