#3d60d3 hex color

In a RGB color space, hex #3d60d3 is composed of 23.9% red, 37.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 54.5% magenta, 0% yellow and 17.3% black. It has a hue angle of 226 degrees, a saturation of 63% and a lightness of 53.3%. #3d60d3 color hex could be obtained by blending #7ac0ff with #0000a7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 24
- G 38
- B 83
RGB color chart
- C 71
- M 55
- Y 0
- K 17
CMYK color chart

● #3d60d3 color description : Moderate blue.

The hexadecimal color #3d60d3 has RGB values of R:61, G:96, B:211 and CMYK values of C:0.71, M:0.55, Y:0, K:0.17. Its decimal value is 4022483.

Hex triplet	3d60d3	`#3d60d3`
RGB Decimal	61, 96, 211	`rgb(61,96,211)`
RGB Percent	23.9, 37.6, 82.7	`rgb(23.9%,37.6%,82.7%)`
CMYK	71, 55, 0, 17
HSL	226°, 63, 53.3	`hsl(226,63%,53.3%)`
HSV (or HSB)	226°, 71.1, 82.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.319, 26.406, -63.009
XYZ	17.863, 14.06, 63.397
xyY	0.187, 0.148, 14.06
CIE-LCH	44.319, 68.318, 292.738
CIE-LUV	44.319, -15.724, -95.812
Hunter-Lab	37.496, 19.416, -73.997
Binary	00111101, 01100000, 11010011

#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#d3b03d
```
#d3b03d rgb(211,176,61)
```

Complementary Color

#3dabd3
```
#3dabd3 rgb(61,171,211)
```
#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#653dd3
```
#653dd3 rgb(101,61,211)
```

Analogous Color

#abd33d
```
#abd33d rgb(171,211,61)
```
#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#d3653d
```
#d3653d rgb(211,101,61)
```

Split Complementary Color

#60d33d
```
#60d33d rgb(96,211,61)
```
#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#d33d60
```
#d33d60 rgb(211,61,96)
```

Triadic Color

#3dd3b0
```
#3dd3b0 rgb(61,211,176)
```
#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#d33d60
```
#d33d60 rgb(211,61,96)
```
#d3b03d
```
#d3b03d rgb(211,176,61)
```

Tetradic Color

#24419f
```
#24419f rgb(36,65,159)
```
#2949b4
```
#2949b4 rgb(41,73,180)
```
#2e52c9
```
#2e52c9 rgb(46,82,201)
```
#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#5271d8
```
#5271d8 rgb(82,113,216)
```
#6782dc
```
#6782dc rgb(103,130,220)
```
#7b93e1
```
#7b93e1 rgb(123,147,225)
```

Monochromatic Color

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

#3d86d3
```
#3d86d3 rgb(61,134,211)
```
#3d79d3
```
#3d79d3 rgb(61,121,211)
```
#3d6dd3
```
#3d6dd3 rgb(61,109,211)
```
#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#3d53d3
```
#3d53d3 rgb(61,83,211)
```
#3d47d3
```
#3d47d3 rgb(61,71,211)
```
#403dd3
```
#403dd3 rgb(64,61,211)
```

Similar Colors

Text with hexadecimal color #3d60d3

This text has a font color of #3d60d3.

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

#3d60d3 background color

This paragraph has a background color of #3d60d3.

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

#3d60d3 border color

This element has a border color of #3d60d3.

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

CSS codes

.text {color:#3d60d3;}

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

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

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, #03060e is the darkest color, while #fdfdff is the lightest one.

#03060e
```
#03060e rgb(3,6,14)
```
#070c1e
```
#070c1e rgb(7,12,30)
```
#0a132e
```
#0a132e rgb(10,19,46)
```
#0e193e
```
#0e193e rgb(14,25,62)
```
#12204e
```
#12204e rgb(18,32,78)
```
#15265e
```
#15265e rgb(21,38,94)
```
#192d6e
```
#192d6e rgb(25,45,110)
```
#1d337e
```
#1d337e rgb(29,51,126)
```
#203a8e
```
#203a8e rgb(32,58,142)
```
#24409e
```
#24409e rgb(36,64,158)
```
#2747ae
```
#2747ae rgb(39,71,174)
```
#2b4dbe
```
#2b4dbe rgb(43,77,190)
```
#2f54ce
```
#2f54ce rgb(47,84,206)
```

Shade Color Variation

#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#4d6dd7
```
#4d6dd7 rgb(77,109,215)
```
#5d7ada
```
#5d7ada rgb(93,122,218)
```
#6d87de
```
#6d87de rgb(109,135,222)
```
#7d94e2
```
#7d94e2 rgb(125,148,226)
```
#8da2e5
```
#8da2e5 rgb(141,162,229)
```
#9dafe9
```
#9dafe9 rgb(157,175,233)
```
#adbcec
```
#adbcec rgb(173,188,236)
```
#bdc9f0
```
#bdc9f0 rgb(189,201,240)
```
#cdd6f4
```
#cdd6f4 rgb(205,214,244)
```
#dde3f7
```
#dde3f7 rgb(221,227,247)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86878a is the less saturated color, while #184cf8 is the most saturated one.

#86878a
```
#86878a rgb(134,135,138)
```
#7d8293
```
#7d8293 rgb(125,130,147)
```
#747d9c
```
#747d9c rgb(116,125,156)
```
#6b78a5
```
#6b78a5 rgb(107,120,165)
```
#6274ae
```
#6274ae rgb(98,116,174)
```
#586fb8
```
#586fb8 rgb(88,111,184)
```
#4f6ac1
```
#4f6ac1 rgb(79,106,193)
```
#4665ca
```
#4665ca rgb(70,101,202)
```
#3d60d3
```
#3d60d3 rgb(61,96,211)
```
#345bdc
```
#345bdc rgb(52,91,220)
```
#2b56e5
```
#2b56e5 rgb(43,86,229)
```
#2251ee
```
#2251ee rgb(34,81,238)
```
#184cf8
```
#184cf8 rgb(24,76,248)
```

Tone Color Variation

Below, you can see how #3d60d3 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

#636363 Achromatopsia 0.005% of the population
#5b6279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1668d5 Protanomaly 1% of men, 0.01% of women
#166cc4 Deuteranomaly 6% of men, 0.4% of women
#1671a0 Tritanomaly 0.01% of the population

#3d60d3 hex color

#3d60d3 Color Information

#3d60d3 Color Conversion

Color Schemes with #3d60d3

Alternatives to #3d60d3

#3d60d3 Preview

Shades and Tints of #3d60d3

Tones of #3d60d3

Color Blindness Simulator