#2576C2

#2576C2

Color Values

HEX

#2576C2

RGB

37, 118, 194

HSL

209.0, 68.0%, 45.3%

HSV

209.0, 80.9%, 76.1%

CMYK

80.9%, 39.2%, 0.0%, 23.9%

OKLCH

0.5567 0.1404 251.0

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2576C2

#C27125

Analogous

#25C2BF

#2528C2

#2576C2

Triadic

#2576C2

#C22576

#76C225

Split Complementary

#2576C2

#C22528

#C2BF25

Tetradic

#2576C2

#BF25C2

#C27125

#28C225

Color Blindness Simulation

Original

#2576C2

Protanopia

#4849B0

Deuteranopia

#433DAB

Tritanopia

#29A19E

Achromatopsia

#6A6A6A

CSS Usage

background-color: #2576C2;
color: #2576C2;
border-color: #2576C2;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DCF4
300
#98C3EB
400
#60A3E1
500
#2982D6
600
#2168AB
700
#1A5389
800
#14416B
900
#13314E
950
#0C1F31

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail 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