#3D71B0

#3D71B0

Color Values

HEX

#3D71B0

RGB

61, 113, 176

HSL

212.9, 48.5%, 46.5%

HSV

212.9, 65.3%, 69.0%

CMYK

65.3%, 35.8%, 0.0%, 31.0%

OKLCH

0.5426 0.1139 254.4

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#3D71B0

#B07C3D

Analogous

#3DABB0

#433DB0

#3D71B0

Triadic

#3D71B0

#B03D71

#71B03D

Split Complementary

#3D71B0

#B0433D

#ABB03D

Tetradic

#3D71B0

#B03DAB

#B07C3D

#3DB043

Color Blindness Simulation

Original

#3D71B0

Protanopia

#5454A1

Deuteranopia

#504D9D

Tritanopia

#409592

Achromatopsia

#6A6A6A

CSS Usage

background-color: #3D71B0;
color: #3D71B0;
border-color: #3D71B0;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CADAED
300
#A4BFDF
400
#739CCE
500
#427ABD
600
#356197
700
#2A4E79
800
#213D5F
900
#1B2E46
950
#111D2C

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.19:1

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