colorhexa.com

#2d46c5 hex color

In a RGB color space, hex #2d46c5 is composed of 17.6% red, 27.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 64.5% magenta, 0% yellow and 22.7% black. It has a hue angle of 230.1 degrees, a saturation of 62.8% and a lightness of 47.5%. #2d46c5 color hex could be obtained by blending #5a8cff with #00008b. Closest websafe color is: #3333cc.

- R 18
- G 27
- B 77
RGB color chart
- C 77
- M 64
- Y 0
- K 23
CMYK color chart

● #2d46c5 color description : Strong blue.

The hexadecimal color #2d46c5 has RGB values of R:45, G:70, B:197 and CMYK values of C:0.77, M:0.64, Y:0, K:0.23. Its decimal value is 2967237.

Hex triplet	2d46c5	`#2d46c5`
RGB Decimal	45, 70, 197	`rgb(45,70,197)`
RGB Percent	17.6, 27.5, 77.3	`rgb(17.6%,27.5%,77.3%)`
CMYK	77, 64, 0, 23
HSL	230.1°, 62.8, 47.5	`hsl(230.1,62.8%,47.5%)`
HSV (or HSB)	230.1°, 77.2, 77.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.924, 36.087, -68.638
XYZ	13.348, 8.969, 53.848
xyY	0.175, 0.118, 8.969
CIE-LCH	35.924, 77.546, 297.734
CIE-LUV	35.924, -11.806, -96.891
Hunter-Lab	29.947, 27.154, -85.645
Binary	00101101, 01000110, 11000101

#2d46c5
```
#2d46c5 rgb(45,70,197)
```
#c5ac2d
```
#c5ac2d rgb(197,172,45)
```

Complementary Color

#2d92c5
```
#2d92c5 rgb(45,146,197)
```
#2d46c5
```
#2d46c5 rgb(45,70,197)
```
#602dc5
```
#602dc5 rgb(96,45,197)
```

Analogous Color

#92c52d
```
#92c52d rgb(146,197,45)
```
#2d46c5
```
#2d46c5 rgb(45,70,197)
```
#c5602d
```
#c5602d rgb(197,96,45)
```

Split Complementary Color

#46c52d
```
#46c52d rgb(70,197,45)
```
#2d46c5
```
#2d46c5 rgb(45,70,197)
```
#c52d46
```
#c52d46 rgb(197,45,70)
```

Triadic Color

#2dc5ac
```
#2dc5ac rgb(45,197,172)
```
#2d46c5
```
#2d46c5 rgb(45,70,197)
```
#c52d46
```
#c52d46 rgb(197,45,70)
```
#c5ac2d
```
#c5ac2d rgb(197,172,45)
```

Tetradic Color

#1f3087
```
#1f3087 rgb(31,48,135)
```
#24379b
```
#24379b rgb(36,55,155)
```
#283fb0
```
#283fb0 rgb(40,63,176)
```
#2d46c5
```
#2d46c5 rgb(45,70,197)
```
#3a53d2
```
#3a53d2 rgb(58,83,210)
```
#4e65d7
```
#4e65d7 rgb(78,101,215)
```
#6377db
```
#6377db rgb(99,119,219)
```

Monochromatic Color

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

#2d6cc5
```
#2d6cc5 rgb(45,108,197)
```
#2d5fc5
```
#2d5fc5 rgb(45,95,197)
```
#2d53c5
```
#2d53c5 rgb(45,83,197)
```
#2d46c5
```
#2d46c5 rgb(45,70,197)
```
#2d39c5
```
#2d39c5 rgb(45,57,197)
```
#2d2dc5
```
#2d2dc5 rgb(45,45,197)
```
#3a2dc5
```
#3a2dc5 rgb(58,45,197)
```

Similar Colors

Text with hexadecimal color #2d46c5

This text has a font color of #2d46c5.

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

#2d46c5 background color

This paragraph has a background color of #2d46c5.

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

#2d46c5 border color

This element has a border color of #2d46c5.

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

CSS codes

.text {color:#2d46c5;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#050815
```
#050815 rgb(5,8,21)
```
#090d25
```
#090d25 rgb(9,13,37)
```
#0c1335
```
#0c1335 rgb(12,19,53)
```
#101945
```
#101945 rgb(16,25,69)
```
#131e55
```
#131e55 rgb(19,30,85)
```
#172465
```
#172465 rgb(23,36,101)
```
#1b2a75
```
#1b2a75 rgb(27,42,117)
```
#1e2f85
```
#1e2f85 rgb(30,47,133)
```
#223595
```
#223595 rgb(34,53,149)
```
#263ba5
```
#263ba5 rgb(38,59,165)
```
#2940b5
```
#2940b5 rgb(41,64,181)
```
#2d46c5
```
#2d46c5 rgb(45,70,197)
```

Shade Color Variation

#354ed1
```
#354ed1 rgb(53,78,209)
```
#455cd4
```
#455cd4 rgb(69,92,212)
```
#556ad8
```
#556ad8 rgb(85,106,216)
```
#6578dc
```
#6578dc rgb(101,120,220)
```
#7586df
```
#7586df rgb(117,134,223)
```
#8594e3
```
#8594e3 rgb(133,148,227)
```
#95a2e7
```
#95a2e7 rgb(149,162,231)
```
#a5b0ea
```
#a5b0ea rgb(165,176,234)
```
#b5beee
```
#b5beee rgb(181,190,238)
```
#c5ccf2
```
#c5ccf2 rgb(197,204,242)
```
#d4daf5
```
#d4daf5 rgb(212,218,245)
```
#e4e8f9
```
#e4e8f9 rgb(228,232,249)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77787b is the less saturated color, while #082dea is the most saturated one.

#77787b
```
#77787b rgb(119,120,123)
```
#6e7284
```
#6e7284 rgb(110,114,132)
```
#656b8d
```
#656b8d rgb(101,107,141)
```
#5c6596
```
#5c6596 rgb(92,101,150)
```
#525fa0
```
#525fa0 rgb(82,95,160)
```
#4959a9
```
#4959a9 rgb(73,89,169)
```
#4052b2
```
#4052b2 rgb(64,82,178)
```
#364cbc
```
#364cbc rgb(54,76,188)
```
#2d46c5
```
#2d46c5 rgb(45,70,197)
```
#2440ce
```
#2440ce rgb(36,64,206)
```
#1a3ad8
```
#1a3ad8 rgb(26,58,216)
```
#1133e1
```
#1133e1 rgb(17,51,225)
```
#082dea
```
#082dea rgb(8,45,234)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1053b8 Protanomaly 1% of men, 0.01% of women
#1056a9 Deuteranomaly 6% of men, 0.4% of women
#105a8c Tritanomaly 0.01% of the population