#3d53b8 hex color

In a RGB color space, hex #3d53b8 is composed of 23.9% red, 32.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 54.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 229.3 degrees, a saturation of 50.2% and a lightness of 48%. #3d53b8 color hex could be obtained by blending #7aa6ff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 24
- G 33
- B 72
RGB color chart
- C 67
- M 55
- Y 0
- K 28
CMYK color chart

● #3d53b8 color description : Moderate blue.

The hexadecimal color #3d53b8 has RGB values of R:61, G:83, B:184 and CMYK values of C:0.67, M:0.55, Y:0, K:0.28. Its decimal value is 4019128.

Hex triplet	3d53b8	`#3d53b8`
RGB Decimal	61, 83, 184	`rgb(61,83,184)`
RGB Percent	23.9, 32.5, 72.2	`rgb(23.9%,32.5%,72.2%)`
CMYK	67, 55, 0, 28
HSL	229.3°, 50.2, 48	`hsl(229.3,50.2%,48%)`
HSV (or HSB)	229.3°, 66.8, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.965, 25.035, -56.037
XYZ	13.668, 10.639, 46.678
xyY	0.193, 0.15, 10.639
CIE-LCH	38.965, 61.375, 294.073
CIE-LUV	38.965, -11.817, -82.419
Hunter-Lab	32.617, 17.719, -62.018
Binary	00111101, 01010011, 10111000

#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#b8a23d
```
#b8a23d rgb(184,162,61)
```

Complementary Color

#3d91b8
```
#3d91b8 rgb(61,145,184)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#653db8
```
#653db8 rgb(101,61,184)
```

Analogous Color

#91b83d
```
#91b83d rgb(145,184,61)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#b8653d
```
#b8653d rgb(184,101,61)
```

Split Complementary Color

#53b83d
```
#53b83d rgb(83,184,61)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#b83d53
```
#b83d53 rgb(184,61,83)
```

Triadic Color

#3db8a2
```
#3db8a2 rgb(61,184,162)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#b83d53
```
#b83d53 rgb(184,61,83)
```
#b8a23d
```
#b8a23d rgb(184,162,61)
```

Tetradic Color

#2a397f
```
#2a397f rgb(42,57,127)
```
#304292
```
#304292 rgb(48,66,146)
```
#374aa5
```
#374aa5 rgb(55,74,165)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#4b61c3
```
#4b61c3 rgb(75,97,195)
```
#5e71ca
```
#5e71ca rgb(94,113,202)
```
#7182d0
```
#7182d0 rgb(113,130,208)
```

Monochromatic Color

Below, you can see some colors close to #3d53b8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3d72b8
```
#3d72b8 rgb(61,114,184)
```
#3d68b8
```
#3d68b8 rgb(61,104,184)
```
#3d5db8
```
#3d5db8 rgb(61,93,184)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#3d49b8
```
#3d49b8 rgb(61,73,184)
```
#3d3fb8
```
#3d3fb8 rgb(61,63,184)
```
#463db8
```
#463db8 rgb(70,61,184)
```

Similar Colors

Text with hexadecimal color #3d53b8

This text has a font color of #3d53b8.

<span style="color:#3d53b8;">Text here</span>

#3d53b8 background color

This paragraph has a background color of #3d53b8.

<p style="background-color:#3d53b8;">Content here</p>

#3d53b8 border color

This element has a border color of #3d53b8.

<div style="border:1px solid #3d53b8;">Content here</div>

CSS codes

.text {color:#3d53b8;}

.background {background-color:#3d53b8;}

.border {border:1px solid #3d53b8;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020307 is the darkest color, while #f7f8fd is the lightest one.

#020307
```
#020307 rgb(2,3,7)
```
#070a16
```
#070a16 rgb(7,10,22)
```
#0c1125
```
#0c1125 rgb(12,17,37)
```
#111733
```
#111733 rgb(17,23,51)
```
#161e42
```
#161e42 rgb(22,30,66)
```
#1b2451
```
#1b2451 rgb(27,36,81)
```
#202b60
```
#202b60 rgb(32,43,96)
```
#25326e
```
#25326e rgb(37,50,110)
```
#29387d
```
#29387d rgb(41,56,125)
```
#2e3f8c
```
#2e3f8c rgb(46,63,140)
```
#33469b
```
#33469b rgb(51,70,155)
```
#384ca9
```
#384ca9 rgb(56,76,169)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```

Shade Color Variation

#475dc2
```
#475dc2 rgb(71,93,194)
```
#556ac7
```
#556ac7 rgb(85,106,199)
```
#6477cc
```
#6477cc rgb(100,119,204)
```
#7384d1
```
#7384d1 rgb(115,132,209)
```
#8291d5
```
#8291d5 rgb(130,145,213)
```
#909eda
```
#909eda rgb(144,158,218)
```
#9fabdf
```
#9fabdf rgb(159,171,223)
```
#aeb8e4
```
#aeb8e4 rgb(174,184,228)
```
#bdc5e9
```
#bdc5e9 rgb(189,197,233)
```
#cbd1ee
```
#cbd1ee rgb(203,209,238)
```
#dadef3
```
#dadef3 rgb(218,222,243)
```
#e9ebf8
```
#e9ebf8 rgb(233,235,248)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76777f is the less saturated color, while #042ff1 is the most saturated one.

#76777f
```
#76777f rgb(118,119,127)
```
#6c7189
```
#6c7189 rgb(108,113,137)
```
#636b92
```
#636b92 rgb(99,107,146)
```
#59659c
```
#59659c rgb(89,101,156)
```
#505fa5
```
#505fa5 rgb(80,95,165)
```
#4659af
```
#4659af rgb(70,89,175)
```
#3d53b8
```
#3d53b8 rgb(61,83,184)
```
#344dc1
```
#344dc1 rgb(52,77,193)
```
#2a47cb
```
#2a47cb rgb(42,71,203)
```
#2141d4
```
#2141d4 rgb(33,65,212)
```
#173bde
```
#173bde rgb(23,59,222)
```
#0e35e7
```
#0e35e7 rgb(14,53,231)
```
#042ff1
```
#042ff1 rgb(4,47,241)
```

Tone Color Variation

Below, you can see how #3d53b8 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#585858 Achromatopsia 0.005% of the population
#53576b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0066a7 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#165bbc Protanomaly 1% of men, 0.01% of women
#165fad Deuteranomaly 6% of men, 0.4% of women
#16648d Tritanomaly 0.01% of the population

#3d53b8 hex color

#3d53b8 Color Information

#3d53b8 Color Conversion

Color Schemes with #3d53b8

Alternatives to #3d53b8

#3d53b8 Preview

Shades and Tints of #3d53b8

Tones of #3d53b8

Color Blindness Simulator