#2C599F

#2C599F

Color Values

HEX

#2C599F

RGB

44, 89, 159

HSL

216,5, 56,7%, 39,8%

HSV

216,5, 72,3%, 62,4%

CMYK

72,3%, 44,0%, 0,0%, 37,6%

OKLCH

0,4697 0,1239 259,0

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#2C599F

#9F722C

Analogous

#2C939F

#382C9F

#2C599F

Triadic

#2C599F

#9F2C59

#599F2C

Split Complementary

#2C599F

#9F382C

#939F2C

Tetradic

#2C599F

#9F2C93

#9F722C

#2C9F38

Color Blindness Simulation

Original

#2C599F

Protanopia

#3F408E

Deuteranopia

#3D3A8A

Tritanopia

#2E817E

Achromatopsia

#545454

CSS Usage

background-color: #2C599F;
color: #2C599F;
border-color: #2C599F;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E5EBF6
200
#C7D7F0
300
#9FBAE5
400
#6B95D6
500
#3770C8
600
#2C59A0
700
#234880
800
#1C3864
900
#182B49
950
#0F1B2E

Contrast Checker

Text on white

6,92:1

AA Pass AAA Fail

Text on black

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