#2D7580

#2D7580

Color Values

HEX

#2D7580

RGB

45, 117, 128

HSL

188,0, 48,0%, 33,9%

HSV

188,0, 64,8%, 50,2%

CMYK

64,8%, 8,6%, 0,0%, 49,8%

OKLCH

0,5222 0,0724 209,1

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#2D7580

#80382D

Analogous

#2D8062

#2D4B80

#2D7580

Triadic

#2D7580

#802D75

#75802D

Split Complementary

#2D7580

#802D4B

#80622D

Tetradic

#2D7580

#622D80

#80382D

#4B802D

Color Blindness Simulation

Original

#2D7580

Protanopia

#4C4D7D

Deuteranopia

#48437D

Tritanopia

#317B7B

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CAE8EC
300
#A4D7DF
400
#73C2CE
500
#42ACBD
600
#358A97
700
#2A6E79
800
#21565E
900
#1C4045
950
#11282C

Contrast Checker

Text on white

5,29:1

AA Pass AAA Fail

Text on black

3,97: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