#3D87D2

#3D87D2

Color Values

HEX

#3D87D2

RGB

61, 135, 210

HSL

210.2, 62.3%, 53.1%

HSV

210.2, 71.0%, 82.4%

CMYK

71.0%, 35.7%, 0.0%, 17.6%

OKLCH

0.6121 0.1358 251.3

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#3D87D2

#D2883D

Analogous

#3DD1D2

#3D3DD2

#3D87D2

Triadic

#3D87D2

#D23D87

#87D23D

Split Complementary

#3D87D2

#D23D3D

#D1D23D

Tetradic

#3D87D2

#D23DD1

#D2883D

#3DD23D

Color Blindness Simulation

Original

#3D87D2

Protanopia

#5D5EC0

Deuteranopia

#5953BC

Tritanopia

#41B2AE

Achromatopsia

#7D7D7D

CSS Usage

background-color: #3D87D2;
color: #3D87D2;
border-color: #3D87D2;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FB
100
#E4EDF7
200
#C5DBF2
300
#9CC2E8
400
#66A0DB
500
#307FCF
600
#2666A6
700
#1F5184
800
#183F67
900
#15304C
950
#0D1E30

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.59: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