#2d4cc9 hex color

In a RGB color space, hex #2d4cc9 is composed of 17.6% red, 29.8% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 62.2% magenta, 0% yellow and 21.2% black. It has a hue angle of 228.1 degrees, a saturation of 63.4% and a lightness of 48.2%. #2d4cc9 color hex could be obtained by blending #5a98ff with #000093. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 30
- B 79
RGB color chart
- C 78
- M 62
- Y 0
- K 21
CMYK color chart

● #2d4cc9 color description : Strong blue.

The hexadecimal color #2d4cc9 has RGB values of R:45, G:76, B:201 and CMYK values of C:0.78, M:0.62, Y:0, K:0.21. Its decimal value is 2968777.

Hex triplet	2d4cc9	`#2d4cc9`
RGB Decimal	45, 76, 201	`rgb(45,76,201)`
RGB Percent	17.6, 29.8, 78.8	`rgb(17.6%,29.8%,78.8%)`
CMYK	78, 62, 0, 21
HSL	228.1°, 63.4, 48.2	`hsl(228.1,63.4%,48.2%)`
HSV (or HSB)	228.1°, 77.6, 78.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.74, 33.717, -67.991
XYZ	14.207, 9.943, 56.426
xyY	0.176, 0.123, 9.943
CIE-LCH	37.74, 75.892, 296.377
CIE-LUV	37.74, -13.243, -97.784
Hunter-Lab	31.532, 25.243, -84.024
Binary	00101101, 01001100, 11001001

#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```
#c9aa2d
```
#c9aa2d rgb(201,170,45)
```

Complementary Color

#2d9ac9
```
#2d9ac9 rgb(45,154,201)
```
#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```
#5c2dc9
```
#5c2dc9 rgb(92,45,201)
```

Analogous Color

#9ac92d
```
#9ac92d rgb(154,201,45)
```
#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```
#c95c2d
```
#c95c2d rgb(201,92,45)
```

Split Complementary Color

#4cc92d
```
#4cc92d rgb(76,201,45)
```
#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```
#c92d4c
```
#c92d4c rgb(201,45,76)
```

Triadic Color

#2dc9aa
```
#2dc9aa rgb(45,201,170)
```
#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```
#c92d4c
```
#c92d4c rgb(201,45,76)
```
#c9aa2d
```
#c9aa2d rgb(201,170,45)
```

Tetradic Color

#1f348a
```
#1f348a rgb(31,52,138)
```
#243c9f
```
#243c9f rgb(36,60,159)
```
#2844b4
```
#2844b4 rgb(40,68,180)
```
#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```
#3c5ad3
```
#3c5ad3 rgb(60,90,211)
```
#516cd8
```
#516cd8 rgb(81,108,216)
```
#667ddd
```
#667ddd rgb(102,125,221)
```

Monochromatic Color

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

#2d73c9
```
#2d73c9 rgb(45,115,201)
```
#2d66c9
```
#2d66c9 rgb(45,102,201)
```
#2d59c9
```
#2d59c9 rgb(45,89,201)
```
#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```
#2d3fc9
```
#2d3fc9 rgb(45,63,201)
```
#2d32c9
```
#2d32c9 rgb(45,50,201)
```
#352dc9
```
#352dc9 rgb(53,45,201)
```

Similar Colors

Text with hexadecimal color #2d4cc9

This text has a font color of #2d4cc9.

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

#2d4cc9 background color

This paragraph has a background color of #2d4cc9.

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

#2d4cc9 border color

This element has a border color of #2d4cc9.

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

CSS codes

.text {color:#2d4cc9;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#060919
```
#060919 rgb(6,9,25)
```
#090f29
```
#090f29 rgb(9,15,41)
```
#0d1539
```
#0d1539 rgb(13,21,57)
```
#101c49
```
#101c49 rgb(16,28,73)
```
#142259
```
#142259 rgb(20,34,89)
```
#172869
```
#172869 rgb(23,40,105)
```
#1b2e79
```
#1b2e79 rgb(27,46,121)
```
#1f3489
```
#1f3489 rgb(31,52,137)
```
#223a99
```
#223a99 rgb(34,58,153)
```
#2640a9
```
#2640a9 rgb(38,64,169)
```
#2946b9
```
#2946b9 rgb(41,70,185)
```
#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```

Shade Color Variation

#3756d2
```
#3756d2 rgb(55,86,210)
```
#4764d6
```
#4764d6 rgb(71,100,214)
```
#5771d9
```
#5771d9 rgb(87,113,217)
```
#677fdd
```
#677fdd rgb(103,127,221)
```
#778ce1
```
#778ce1 rgb(119,140,225)
```
#879ae4
```
#879ae4 rgb(135,154,228)
```
#97a7e8
```
#97a7e8 rgb(151,167,232)
```
#a8b5eb
```
#a8b5eb rgb(168,181,235)
```
#b8c3ef
```
#b8c3ef rgb(184,195,239)
```
#c8d0f3
```
#c8d0f3 rgb(200,208,243)
```
#d8def6
```
#d8def6 rgb(216,222,246)
```
#e8ebfa
```
#e8ebfa rgb(232,235,250)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a7d is the less saturated color, while #0735ef is the most saturated one.

#797a7d
```
#797a7d rgb(121,122,125)
```
#6f7487
```
#6f7487 rgb(111,116,135)
```
#666e90
```
#666e90 rgb(102,110,144)
```
#5c699a
```
#5c699a rgb(92,105,154)
```
#5363a3
```
#5363a3 rgb(83,99,163)
```
#495dad
```
#495dad rgb(73,93,173)
```
#4057b6
```
#4057b6 rgb(64,87,182)
```
#3652c0
```
#3652c0 rgb(54,82,192)
```
#2d4cc9
```
#2d4cc9 rgb(45,76,201)
```
#2446d2
```
#2446d2 rgb(36,70,210)
```
#1a41dc
```
#1a41dc rgb(26,65,220)
```
#113be5
```
#113be5 rgb(17,59,229)
```
#0735ef
```
#0735ef rgb(7,53,239)
```

Tone Color Variation

Below, you can see how #2d4cc9 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
#4a5069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1057be Protanomaly 1% of men, 0.01% of women
#105baf Deuteranomaly 6% of men, 0.4% of women
#105f91 Tritanomaly 0.01% of the population

#2d4cc9 hex color

#2d4cc9 Color Information

#2d4cc9 Color Conversion

Color Schemes with #2d4cc9

Alternatives to #2d4cc9

#2d4cc9 Preview

Shades and Tints of #2d4cc9

Tones of #2d4cc9

Color Blindness Simulator