#2d4dc3 hex color

In a RGB color space, hex #2d4dc3 is composed of 17.6% red, 30.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 60.5% magenta, 0% yellow and 23.5% black. It has a hue angle of 227.2 degrees, a saturation of 62.5% and a lightness of 47.1%. #2d4dc3 color hex could be obtained by blending #5a9aff with #000087. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 30
- B 76
RGB color chart
- C 77
- M 61
- Y 0
- K 24
CMYK color chart

● #2d4dc3 color description : Strong blue.

The hexadecimal color #2d4dc3 has RGB values of R:45, G:77, B:195 and CMYK values of C:0.77, M:0.61, Y:0, K:0.24. Its decimal value is 2969027.

Hex triplet	2d4dc3	`#2d4dc3`
RGB Decimal	45, 77, 195	`rgb(45,77,195)`
RGB Percent	17.6, 30.2, 76.5	`rgb(17.6%,30.2%,76.5%)`
CMYK	77, 61, 0, 24
HSL	227.2°, 62.5, 47.1	`hsl(227.2,62.5%,47.1%)`
HSV (or HSB)	227.2°, 76.9, 76.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.49, 30.859, -64.908
XYZ	13.584, 9.805, 52.803
xyY	0.178, 0.129, 9.805
CIE-LCH	37.49, 71.87, 295.428
CIE-LUV	37.49, -13.422, -93.462
Hunter-Lab	31.313, 22.641, -78.063
Binary	00101101, 01001101, 11000011

#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#c3a32d
```
#c3a32d rgb(195,163,45)
```

Complementary Color

#2d98c3
```
#2d98c3 rgb(45,152,195)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#582dc3
```
#582dc3 rgb(88,45,195)
```

Analogous Color

#98c32d
```
#98c32d rgb(152,195,45)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#c3582d
```
#c3582d rgb(195,88,45)
```

Split Complementary Color

#4dc32d
```
#4dc32d rgb(77,195,45)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#c32d4d
```
#c32d4d rgb(195,45,77)
```

Triadic Color

#2dc3a3
```
#2dc3a3 rgb(45,195,163)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#c32d4d
```
#c32d4d rgb(195,45,77)
```
#c3a32d
```
#c3a32d rgb(195,163,45)
```

Tetradic Color

#1f3485
```
#1f3485 rgb(31,52,133)
```
#233d9a
```
#233d9a rgb(35,61,154)
```
#2845ae
```
#2845ae rgb(40,69,174)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#3859d1
```
#3859d1 rgb(56,89,209)
```
#4d6ad6
```
#4d6ad6 rgb(77,106,214)
```
#627cdb
```
#627cdb rgb(98,124,219)
```

Monochromatic Color

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

#2d73c3
```
#2d73c3 rgb(45,115,195)
```
#2d66c3
```
#2d66c3 rgb(45,102,195)
```
#2d5ac3
```
#2d5ac3 rgb(45,90,195)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#2d41c3
```
#2d41c3 rgb(45,65,195)
```
#2d34c3
```
#2d34c3 rgb(45,52,195)
```
#332dc3
```
#332dc3 rgb(51,45,195)
```

Similar Colors

Text with hexadecimal color #2d4dc3

This text has a font color of #2d4dc3.

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

#2d4dc3 background color

This paragraph has a background color of #2d4dc3.

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

#2d4dc3 border color

This element has a border color of #2d4dc3.

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

CSS codes

.text {color:#2d4dc3;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050814
```
#050814 rgb(5,8,20)
```
#080e24
```
#080e24 rgb(8,14,36)
```
#0c1434
```
#0c1434 rgb(12,20,52)
```
#101b44
```
#101b44 rgb(16,27,68)
```
#132153
```
#132153 rgb(19,33,83)
```
#172763
```
#172763 rgb(23,39,99)
```
#1b2e73
```
#1b2e73 rgb(27,46,115)
```
#1e3483
```
#1e3483 rgb(30,52,131)
```
#223a93
```
#223a93 rgb(34,58,147)
```
#2640a3
```
#2640a3 rgb(38,64,163)
```
#2947b3
```
#2947b3 rgb(41,71,179)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```

Shade Color Variation

#3455d0
```
#3455d0 rgb(52,85,208)
```
#4462d4
```
#4462d4 rgb(68,98,212)
```
#5370d7
```
#5370d7 rgb(83,112,215)
```
#637ddb
```
#637ddb rgb(99,125,219)
```
#738adf
```
#738adf rgb(115,138,223)
```
#8398e2
```
#8398e2 rgb(131,152,226)
```
#93a5e6
```
#93a5e6 rgb(147,165,230)
```
#a3b2ea
```
#a3b2ea rgb(163,178,234)
```
#b3c0ed
```
#b3c0ed rgb(179,192,237)
```
#c3cdf1
```
#c3cdf1 rgb(195,205,241)
```
#d3daf5
```
#d3daf5 rgb(211,218,245)
```
#e3e7f9
```
#e3e7f9 rgb(227,231,249)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777779 is the less saturated color, while #0838e8 is the most saturated one.

#777779
```
#777779 rgb(119,119,121)
```
#6e7282
```
#6e7282 rgb(110,114,130)
```
#646d8c
```
#646d8c rgb(100,109,140)
```
#5b6795
```
#5b6795 rgb(91,103,149)
```
#52629e
```
#52629e rgb(82,98,158)
```
#495da7
```
#495da7 rgb(73,93,167)
```
#3f58b1
```
#3f58b1 rgb(63,88,177)
```
#3652ba
```
#3652ba rgb(54,82,186)
```
#2d4dc3
```
#2d4dc3 rgb(45,77,195)
```
#2448cc
```
#2448cc rgb(36,72,204)
```
#1b42d5
```
#1b42d5 rgb(27,66,213)
```
#113ddf
```
#113ddf rgb(17,61,223)
```
#0838e8
```
#0838e8 rgb(8,56,232)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a5068 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1057bb Protanomaly 1% of men, 0.01% of women
#105bac Deuteranomaly 6% of men, 0.4% of women
#105f8e Tritanomaly 0.01% of the population

#2d4dc3 hex color

#2d4dc3 Color Information

#2d4dc3 Color Conversion

Color Schemes with #2d4dc3

Alternatives to #2d4dc3

#2d4dc3 Preview

Shades and Tints of #2d4dc3

Tones of #2d4dc3

Color Blindness Simulator