#2d60d4 hex color

In a RGB color space, hex #2d60d4 is composed of 17.6% red, 37.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 54.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 221.7 degrees, a saturation of 66% and a lightness of 50.4%. #2d60d4 color hex could be obtained by blending #5ac0ff with #0000a9. Closest websafe color is: #3366cc.

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

● #2d60d4 color description : Strong blue.

The hexadecimal color #2d60d4 has RGB values of R:45, G:96, B:212 and CMYK values of C:0.79, M:0.55, Y:0, K:0.17. Its decimal value is 2973908.

Hex triplet	2d60d4	`#2d60d4`
RGB Decimal	45, 96, 212	`rgb(45,96,212)`
RGB Percent	17.6, 37.6, 83.1	`rgb(17.6%,37.6%,83.1%)`
CMYK	79, 55, 0, 17
HSL	221.7°, 66, 50.4	`hsl(221.7,66%,50.4%)`
HSV (or HSB)	221.7°, 78.8, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.764, 24.913, -64.509
XYZ	17.146, 13.676, 64.02
xyY	0.181, 0.144, 13.676
CIE-LCH	43.764, 69.153, 291.116
CIE-LUV	43.764, -18.384, -97.449
Hunter-Lab	36.981, 18.045, -76.754
Binary	00101101, 01100000, 11010100

#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#d4a12d
```
#d4a12d rgb(212,161,45)
```

Complementary Color

#2db4d4
```
#2db4d4 rgb(45,180,212)
```
#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#4d2dd4
```
#4d2dd4 rgb(77,45,212)
```

Analogous Color

#b4d42d
```
#b4d42d rgb(180,212,45)
```
#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#d44e2d
```
#d44e2d rgb(212,78,45)
```

Split Complementary Color

#60d42d
```
#60d42d rgb(96,212,45)
```
#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#d42d60
```
#d42d60 rgb(212,45,96)
```

Triadic Color

#2dd4a1
```
#2dd4a1 rgb(45,212,161)
```
#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#d42d60
```
#d42d60 rgb(212,45,96)
```
#d4a12d
```
#d4a12d rgb(212,161,45)
```

Tetradic Color

#1f4396
```
#1f4396 rgb(31,67,150)
```
#234dab
```
#234dab rgb(35,77,171)
```
#2756c0
```
#2756c0 rgb(39,86,192)
```
#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#4270d8
```
#4270d8 rgb(66,112,216)
```
#5780dd
```
#5780dd rgb(87,128,221)
```
#6c90e1
```
#6c90e1 rgb(108,144,225)
```

Monochromatic Color

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

#2d8ad4
```
#2d8ad4 rgb(45,138,212)
```
#2d7cd4
```
#2d7cd4 rgb(45,124,212)
```
#2d6ed4
```
#2d6ed4 rgb(45,110,212)
```
#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#2d52d4
```
#2d52d4 rgb(45,82,212)
```
#2d44d4
```
#2d44d4 rgb(45,68,212)
```
#2d36d4
```
#2d36d4 rgb(45,54,212)
```

Similar Colors

Text with hexadecimal color #2d60d4

This text has a font color of #2d60d4.

<span style="color:#2d60d4;">Text here</span>

#2d60d4 background color

This paragraph has a background color of #2d60d4.

<p style="background-color:#2d60d4;">Content here</p>

#2d60d4 border color

This element has a border color of #2d60d4.

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

CSS codes

.text {color:#2d60d4;}

.background {background-color:#2d60d4;}

.border {border:1px solid #2d60d4;}

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, #000102 is the darkest color, while #f0f4fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040812
```
#040812 rgb(4,8,18)
```
#070f22
```
#070f22 rgb(7,15,34)
```
#0a1733
```
#0a1733 rgb(10,23,51)
```
#0e1e43
```
#0e1e43 rgb(14,30,67)
```
#112553
```
#112553 rgb(17,37,83)
```
#142c63
```
#142c63 rgb(20,44,99)
```
#183474
```
#183474 rgb(24,52,116)
```
#1b3b84
```
#1b3b84 rgb(27,59,132)
```
#1e4294
```
#1e4294 rgb(30,66,148)
```
#224aa4
```
#224aa4 rgb(34,74,164)
```
#2551b5
```
#2551b5 rgb(37,81,181)
```
#2858c5
```
#2858c5 rgb(40,88,197)
```

Shade Color Variation

#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#3d6cd7
```
#3d6cd7 rgb(61,108,215)
```
#4e79db
```
#4e79db rgb(78,121,219)
```
#5e85de
```
#5e85de rgb(94,133,222)
```
#6e91e1
```
#6e91e1 rgb(110,145,225)
```
#7e9ee5
```
#7e9ee5 rgb(126,158,229)
```
#8faae8
```
#8faae8 rgb(143,170,232)
```
#9fb6eb
```
#9fb6eb rgb(159,182,235)
```
#afc3ef
```
#afc3ef rgb(175,195,239)
```
#c0cff2
```
#c0cff2 rgb(192,207,242)
```
#d0dbf5
```
#d0dbf5 rgb(208,219,245)
```
#e0e8f9
```
#e0e8f9 rgb(224,232,249)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7e86 is the less saturated color, while #0651fb is the most saturated one.

#7b7e86
```
#7b7e86 rgb(123,126,134)
```
#717b90
```
#717b90 rgb(113,123,144)
```
#67779a
```
#67779a rgb(103,119,154)
```
#5e73a3
```
#5e73a3 rgb(94,115,163)
```
#546fad
```
#546fad rgb(84,111,173)
```
#4a6bb7
```
#4a6bb7 rgb(74,107,183)
```
#4068c1
```
#4068c1 rgb(64,104,193)
```
#3764ca
```
#3764ca rgb(55,100,202)
```
#2d60d4
```
#2d60d4 rgb(45,96,212)
```
#235cde
```
#235cde rgb(35,92,222)
```
#1a58e7
```
#1a58e7 rgb(26,88,231)
```
#1055f1
```
#1055f1 rgb(16,85,241)
```
#0651fb
```
#0651fb rgb(6,81,251)
```

Tone Color Variation

Below, you can see how #2d60d4 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

#5e5e5e Achromatopsia 0.005% of the population
#545e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1067d3 Protanomaly 1% of men, 0.01% of women
#106bc3 Deuteranomaly 6% of men, 0.4% of women
#10709f Tritanomaly 0.01% of the population

#2d60d4 hex color

#2d60d4 Color Information

#2d60d4 Color Conversion

Color Schemes with #2d60d4

Alternatives to #2d60d4

#2d60d4 Preview

Shades and Tints of #2d60d4

Tones of #2d60d4

Color Blindness Simulator