#3D87B8

#3D87B8

Color Values

HEX

#3D87B8

RGB

61, 135, 184

HSL

203.9, 50.2%, 48.0%

HSV

203.9, 66.8%, 72.2%

CMYK

66.8%, 26.6%, 0.0%, 27.8%

OKLCH

0.5981 0.1047 240.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#3D87B8

#B86E3D

Analogous

#3DB8AB

#3D49B8

#3D87B8

Triadic

#3D87B8

#B83D87

#87B83D

Split Complementary

#3D87B8

#B83D49

#B8AB3D

Tetradic

#3D87B8

#AB3DB8

#B86E3D

#49B83D

Color Blindness Simulation

Original

#3D87B8

Protanopia

#5D5EAC

Deuteranopia

#5953A9

Tritanopia

#41A3A1

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#C9DFED
300
#A3C8E1
400
#71AAD0
500
#3F8DC0
600
#337099
700
#295A7B
800
#204660
900
#1B3546
950
#11212C

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026