#2d66dd hex color

In a RGB color space, hex #2d66dd is composed of 17.6% red, 40% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 53.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 220.6 degrees, a saturation of 72.1% and a lightness of 52.2%. #2d66dd color hex could be obtained by blending #5accff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 40
- B 87
RGB color chart
- C 80
- M 54
- Y 0
- K 13
CMYK color chart

● #2d66dd color description : Bright blue.

The hexadecimal color #2d66dd has RGB values of R:45, G:102, B:221 and CMYK values of C:0.8, M:0.54, Y:0, K:0.13. Its decimal value is 2975453.

Hex triplet	2d66dd	`#2d66dd`
RGB Decimal	45, 102, 221	`rgb(45,102,221)`
RGB Percent	17.6, 40, 86.7	`rgb(17.6%,40%,86.7%)`
CMYK	80, 54, 0, 13
HSL	220.6°, 72.1, 52.2	`hsl(220.6,72.1%,52.2%)`
HSV (or HSB)	220.6°, 79.6, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.015, 24.441, -65.985
XYZ	18.882, 15.28, 70.357
xyY	0.181, 0.146, 15.28
CIE-LCH	46.015, 70.366, 290.325
CIE-LUV	46.015, -19.946, -100.994
Hunter-Lab	39.089, 17.818, -79.354
Binary	00101101, 01100110, 11011101

#2d66dd
```
#2d66dd rgb(45,102,221)
```
#dda42d
```
#dda42d rgb(221,164,45)
```

Complementary Color

#2dbedd
```
#2dbedd rgb(45,190,221)
```
#2d66dd
```
#2d66dd rgb(45,102,221)
```
#4c2ddd
```
#4c2ddd rgb(76,45,221)
```

Analogous Color

#bedd2d
```
#bedd2d rgb(190,221,45)
```
#2d66dd
```
#2d66dd rgb(45,102,221)
```
#dd4c2d
```
#dd4c2d rgb(221,76,45)
```

Split Complementary Color

#66dd2d
```
#66dd2d rgb(102,221,45)
```
#2d66dd
```
#2d66dd rgb(45,102,221)
```
#dd2d66
```
#dd2d66 rgb(221,45,102)
```

Triadic Color

#2ddda4
```
#2ddda4 rgb(45,221,164)
```
#2d66dd
```
#2d66dd rgb(45,102,221)
```
#dd2d66
```
#dd2d66 rgb(221,45,102)
```
#dda42d
```
#dda42d rgb(221,164,45)
```

Tetradic Color

#1a47a3
```
#1a47a3 rgb(26,71,163)
```
#1e50b9
```
#1e50b9 rgb(30,80,185)
```
#225acf
```
#225acf rgb(34,90,207)
```
#2d66dd
```
#2d66dd rgb(45,102,221)
```
#4376e1
```
#4376e1 rgb(67,118,225)
```
#5986e4
```
#5986e4 rgb(89,134,228)
```
#6f96e8
```
#6f96e8 rgb(111,150,232)
```

Monochromatic Color

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

#2d92dd
```
#2d92dd rgb(45,146,221)
```
#2d83dd
```
#2d83dd rgb(45,131,221)
```
#2d75dd
```
#2d75dd rgb(45,117,221)
```
#2d66dd
```
#2d66dd rgb(45,102,221)
```
#2d57dd
```
#2d57dd rgb(45,87,221)
```
#2d49dd
```
#2d49dd rgb(45,73,221)
```
#2d3add
```
#2d3add rgb(45,58,221)
```

Similar Colors

Text with hexadecimal color #2d66dd

This text has a font color of #2d66dd.

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

#2d66dd background color

This paragraph has a background color of #2d66dd.

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

#2d66dd border color

This element has a border color of #2d66dd.

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

CSS codes

.text {color:#2d66dd;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#040b1a
```
#040b1a rgb(4,11,26)
```
#07132b
```
#07132b rgb(7,19,43)
```
#0a1a3c
```
#0a1a3c rgb(10,26,60)
```
#0c214d
```
#0c214d rgb(12,33,77)
```
#0f295e
```
#0f295e rgb(15,41,94)
```
#12306f
```
#12306f rgb(18,48,111)
```
#153780
```
#153780 rgb(21,55,128)
```
#173f91
```
#173f91 rgb(23,63,145)
```
#1a46a1
```
#1a46a1 rgb(26,70,161)
```
#1d4db2
```
#1d4db2 rgb(29,77,178)
```
#2055c3
```
#2055c3 rgb(32,85,195)
```
#225cd4
```
#225cd4 rgb(34,92,212)
```

Shade Color Variation

#2d66dd
```
#2d66dd rgb(45,102,221)
```
#3e72e0
```
#3e72e0 rgb(62,114,224)
```
#4f7fe2
```
#4f7fe2 rgb(79,127,226)
```
#608be5
```
#608be5 rgb(96,139,229)
```
#7197e8
```
#7197e8 rgb(113,151,232)
```
#81a3eb
```
#81a3eb rgb(129,163,235)
```
#92b0ed
```
#92b0ed rgb(146,176,237)
```
#a3bcf0
```
#a3bcf0 rgb(163,188,240)
```
#b4c8f3
```
#b4c8f3 rgb(180,200,243)
```
#c5d5f6
```
#c5d5f6 rgb(197,213,246)
```
#d6e1f8
```
#d6e1f8 rgb(214,225,248)
```
#e7edfb
```
#e7edfb rgb(231,237,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

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

#818489
```
#818489 rgb(129,132,137)
```
#788092
```
#788092 rgb(120,128,146)
```
#6f7d9b
```
#6f7d9b rgb(111,125,155)
```
#657aa5
```
#657aa5 rgb(101,122,165)
```
#5c77ae
```
#5c77ae rgb(92,119,174)
```
#5373b7
```
#5373b7 rgb(83,115,183)
```
#4970c1
```
#4970c1 rgb(73,112,193)
```
#406dca
```
#406dca rgb(64,109,202)
```
#3669d4
```
#3669d4 rgb(54,105,212)
```
#2d66dd
```
#2d66dd rgb(45,102,221)
```
#2463e6
```
#2463e6 rgb(36,99,230)
```
#1a5ff0
```
#1a5ff0 rgb(26,95,240)
```
#115cf9
```
#115cf9 rgb(17,92,249)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#58647b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#106cdd Protanomaly 1% of men, 0.01% of women
#1070cc Deuteranomaly 6% of men, 0.4% of women
#1076a6 Tritanomaly 0.01% of the population

#2d66dd hex color

#2d66dd Color Information

#2d66dd Color Conversion

Color Schemes with #2d66dd

Alternatives to #2d66dd

#2d66dd Preview

Shades and Tints of #2d66dd

Tones of #2d66dd

Color Blindness Simulator