#2074B7

#2074B7

Color Values

HEX

#2074B7

RGB

32, 116, 183

HSL

206.6, 70.2%, 42.2%

HSV

206.6, 82.5%, 71.8%

CMYK

82.5%, 36.6%, 0.0%, 28.2%

OKLCH

0.5441 0.13 247.8

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#2074B7

#B76320

Analogous

#20B7AF

#2029B7

#2074B7

Triadic

#2074B7

#B72074

#74B720

Split Complementary

#2074B7

#B72029

#B7AF20

Tetradic

#2074B7

#AF20B7

#B76320

#29B720

Color Blindness Simulation

Original

#2074B7

Protanopia

#4445A7

Deuteranopia

#4039A3

Tritanopia

#249A97

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DEF4
300
#97C7ED
400
#5EA8E3
500
#268AD9
600
#1E6EAE
700
#18588B
800
#13456D
900
#12344F
950
#0B2132

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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