#2d4de9 hex color

In a RGB color space, hex #2d4de9 is composed of 17.6% red, 30.2% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 67% magenta, 0% yellow and 8.6% black. It has a hue angle of 229.8 degrees, a saturation of 81% and a lightness of 54.5%. #2d4de9 color hex could be obtained by blending #5a9aff with #0000d3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 30
- B 91
RGB color chart
- C 81
- M 67
- Y 0
- K 9
CMYK color chart

● #2d4de9 color description : Bright blue.

The hexadecimal color #2d4de9 has RGB values of R:45, G:77, B:233 and CMYK values of C:0.81, M:0.67, Y:0, K:0.09. Its decimal value is 2969065.

Hex triplet	2d4de9	`#2d4de9`
RGB Decimal	45, 77, 233	`rgb(45,77,233)`
RGB Percent	17.6, 30.2, 91.4	`rgb(17.6%,30.2%,91.4%)`
CMYK	81, 67, 0, 9
HSL	229.8°, 81, 54.5	`hsl(229.8,81%,54.5%)`
HSV (or HSB)	229.8°, 80.7, 91.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	40.812, 44.579, -81.294
XYZ	18.441, 11.747, 78.382
xyY	0.17, 0.108, 11.747
CIE-LCH	40.812, 92.715, 298.739
CIE-LUV	40.812, -13.909, -117.966
Hunter-Lab	34.275, 36.059, -111.597
Binary	00101101, 01001101, 11101001

#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#e9c92d
```
#e9c92d rgb(233,201,45)
```

Complementary Color

#2dabe9
```
#2dabe9 rgb(45,171,233)
```
#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#6b2de9
```
#6b2de9 rgb(107,45,233)
```

Analogous Color

#abe92d
```
#abe92d rgb(171,233,45)
```
#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#e96b2d
```
#e96b2d rgb(233,107,45)
```

Split Complementary Color

#4de92d
```
#4de92d rgb(77,233,45)
```
#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#e92d4d
```
#e92d4d rgb(233,45,77)
```

Triadic Color

#2de9c9
```
#2de9c9 rgb(45,233,201)
```
#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#e92d4d
```
#e92d4d rgb(233,45,77)
```
#e9c92d
```
#e9c92d rgb(233,201,45)
```

Tetradic Color

#132fb6
```
#132fb6 rgb(19,47,182)
```
#1635cd
```
#1635cd rgb(22,53,205)
```
#183be5
```
#183be5 rgb(24,59,229)
```
#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#4461eb
```
#4461eb rgb(68,97,235)
```
#5b74ee
```
#5b74ee rgb(91,116,238)
```
#7288f0
```
#7288f0 rgb(114,136,240)
```

Monochromatic Color

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

#2d7ce9
```
#2d7ce9 rgb(45,124,233)
```
#2d6ce9
```
#2d6ce9 rgb(45,108,233)
```
#2d5de9
```
#2d5de9 rgb(45,93,233)
```
#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#2d3de9
```
#2d3de9 rgb(45,61,233)
```
#2d2ee9
```
#2d2ee9 rgb(45,46,233)
```
#3c2de9
```
#3c2de9 rgb(60,45,233)
```

Similar Colors

Text with hexadecimal color #2d4de9

This text has a font color of #2d4de9.

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

#2d4de9 background color

This paragraph has a background color of #2d4de9.

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

#2d4de9 border color

This element has a border color of #2d4de9.

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

CSS codes

.text {color:#2d4de9;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020515
```
#020515 rgb(2,5,21)
```
#040a27
```
#040a27 rgb(4,10,39)
```
#060e38
```
#060e38 rgb(6,14,56)
```
#08134a
```
#08134a rgb(8,19,74)
```
#0a185c
```
#0a185c rgb(10,24,92)
```
#0b1c6e
```
#0b1c6e rgb(11,28,110)
```
#0d217f
```
#0d217f rgb(13,33,127)
```
#0f2591
```
#0f2591 rgb(15,37,145)
```
#112aa3
```
#112aa3 rgb(17,42,163)
```
#132eb5
```
#132eb5 rgb(19,46,181)
```
#1533c6
```
#1533c6 rgb(21,51,198)
```
#1738d8
```
#1738d8 rgb(23,56,216)
```

Shade Color Variation

#1b3ee7
```
#1b3ee7 rgb(27,62,231)
```
#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#3f5ceb
```
#3f5ceb rgb(63,92,235)
```
#516bed
```
#516bed rgb(81,107,237)
```
#627aef
```
#627aef rgb(98,122,239)
```
#7489f0
```
#7489f0 rgb(116,137,240)
```
#8698f2
```
#8698f2 rgb(134,152,242)
```
#98a7f4
```
#98a7f4 rgb(152,167,244)
```
#a9b6f6
```
#a9b6f6 rgb(169,182,246)
```
#bbc5f8
```
#bbc5f8 rgb(187,197,248)
```
#cdd4fa
```
#cdd4fa rgb(205,212,250)
```
#dfe3fc
```
#dfe3fc rgb(223,227,252)
```
#f0f3fd
```
#f0f3fd rgb(240,243,253)
```

Tint Color Variation

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

#868890
```
#868890 rgb(134,136,144)
```
#7d8299
```
#7d8299 rgb(125,130,153)
```
#747ca2
```
#747ca2 rgb(116,124,162)
```
#6b76ab
```
#6b76ab rgb(107,118,171)
```
#6370b3
```
#6370b3 rgb(99,112,179)
```
#5a6abc
```
#5a6abc rgb(90,106,188)
```
#5165c5
```
#5165c5 rgb(81,101,197)
```
#485fce
```
#485fce rgb(72,95,206)
```
#3f59d7
```
#3f59d7 rgb(63,89,215)
```
#3653e0
```
#3653e0 rgb(54,83,224)
```
#2d4de9
```
#2d4de9 rgb(45,77,233)
```
#2447f2
```
#2447f2 rgb(36,71,242)
```
#1b41fb
```
#1b41fb rgb(27,65,251)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#105cd2 Protanomaly 1% of men, 0.01% of women
#1060c1 Deuteranomaly 6% of men, 0.4% of women
#1065a1 Tritanomaly 0.01% of the population

#2d4de9 hex color

#2d4de9 Color Information

#2d4de9 Color Conversion

Color Schemes with #2d4de9

Alternatives to #2d4de9

#2d4de9 Preview

Shades and Tints of #2d4de9

Tones of #2d4de9

Color Blindness Simulator