#3D84DB

#3D84DB

Color Values

HEX

#3D84DB

RGB

61, 132, 219

HSL

213.0, 68.7%, 54.9%

HSV

213.0, 72.1%, 85.9%

CMYK

72.1%, 39.7%, 0.0%, 14.1%

OKLCH

0.6107 0.1503 255.1

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#3D84DB

#DB943D

Analogous

#3DD3DB

#453DDB

#3D84DB

Triadic

#3D84DB

#DB3D84

#84DB3D

Split Complementary

#3D84DB

#DB453D

#D3DB3D

Tetradic

#3D84DB

#DB3DD3

#DB943D

#3DDB45

Color Blindness Simulation

Original

#3D84DB

Protanopia

#5C5CC6

Deuteranopia

#5852C1

Tritanopia

#41B5B2

Achromatopsia

#7B7B7B

CSS Usage

background-color: #3D84DB;
color: #3D84DB;
border-color: #3D84DB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3D9F4
300
#98BEEC
400
#609AE1
500
#2877D7
600
#205FAC
700
#1A4C8A
800
#143B6C
900
#122D4E
950
#0C1D32

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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