#3582CF

#3582CF

Color Values

HEX

#3582CF

RGB

53, 130, 207

HSL

210,0, 61,6%, 51,0%

HSV

210,0, 74,4%, 81,2%

CMYK

74,4%, 37,2%, 0,0%, 18,8%

OKLCH

0,5964 0,1398 251,4

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#3582CF

#CF8235

Analogous

#35CFCF

#3535CF

#3582CF

Triadic

#3582CF

#CF3582

#82CF35

Split Complementary

#3582CF

#CF3535

#CFCF35

Tetradic

#3582CF

#CF35CF

#CF8235

#35CF35

Color Blindness Simulation

Original

#3582CF

Protanopia

#5657BC

Deuteranopia

#524CB8

Tritanopia

#39AEAA

Achromatopsia

#777777

CSS Usage

background-color: #3582CF;
color: #3582CF;
border-color: #3582CF;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4EDF6
200
#C5DBF1
300
#9CC2E7
400
#67A1DB
500
#3180CE
600
#2766A5
700
#1F5284
800
#184067
900
#16304B
950
#0E1F30

Contrast Checker

Text on white

4,0:1

AA Fail AAA Fail

Text on black

5,25:1

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