#3595EC

#3595EC

Color Values

HEX

#3595EC

RGB

53, 149, 236

HSL

208.5, 82.8%, 56.7%

HSV

208.5, 77.5%, 92.5%

CMYK

77.5%, 36.9%, 0.0%, 7.5%

OKLCH

0.656 0.1568 249.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#3595EC

#EC8C35

Analogous

#35ECE7

#353AEC

#3595EC

Triadic

#3595EC

#EC3595

#95EC35

Split Complementary

#3595EC

#EC353A

#ECE735

Tetradic

#3595EC

#E735EC

#EC8C35

#3AEC35

Color Blindness Simulation

Original

#3595EC

Protanopia

#5F5FD7

Deuteranopia

#5952D2

Tritanopia

#3AC6C3

Achromatopsia

#878787

CSS Usage

background-color: #3595EC;
color: #3595EC;
border-color: #3595EC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDDF9
300
#8FC4F4
400
#53A5EF
500
#1685E9
600
#126ABA
700
#0E5595
800
#0B4275
900
#0C3255
950
#082035

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.66:1

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