#207581

#207581

Color Values

HEX

#207581

RGB

32, 117, 129

HSL

187.4, 60.2%, 31.6%

HSV

187.4, 75.2%, 50.6%

CMYK

75.2%, 9.3%, 0.0%, 49.4%

OKLCH

0.5188 0.0795 208.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#207581

#812C20

Analogous

#20815D

#204581

#207581

Triadic

#207581

#812075

#758120

Split Complementary

#207581

#812045

#815D20

Tetradic

#207581

#5D2081

#812C20

#458120

Color Blindness Simulation

Original

#207581

Protanopia

#45467E

Deuteranopia

#403A7D

Tritanopia

#247C7B

Achromatopsia

#646464

CSS Usage

background-color: #207581;
color: #207581;
border-color: #207581;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6EBF1
300
#9DDEE7
400
#68CBD9
500
#33B9CC
600
#2994A3
700
#207783
800
#195D66
900
#16444B
950
#0E2B2F

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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