#2d66ed hex color

In a RGB color space, hex #2d66ed is composed of 17.6% red, 40% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 57% magenta, 0% yellow and 7.1% black. It has a hue angle of 222.2 degrees, a saturation of 84.2% and a lightness of 55.3%. #2d66ed color hex could be obtained by blending #5accff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 40
- B 93
RGB color chart
- C 81
- M 57
- Y 0
- K 7
CMYK color chart

● #2d66ed color description : Bright blue.

The hexadecimal color #2d66ed has RGB values of R:45, G:102, B:237 and CMYK values of C:0.81, M:0.57, Y:0, K:0.07. Its decimal value is 2975469.

Hex triplet	2d66ed	`#2d66ed`
RGB Decimal	45, 102, 237	`rgb(45,102,237)`
RGB Percent	17.6, 40, 92.9	`rgb(17.6%,40%,92.9%)`
CMYK	81, 57, 0, 7
HSL	222.2°, 84.2, 55.3	`hsl(222.2,84.2%,55.3%)`
HSV (or HSB)	222.2°, 81, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.201, 30.41, -73.087
XYZ	21.116, 16.173, 82.125
xyY	0.177, 0.135, 16.173
CIE-LCH	47.201, 79.161, 292.591
CIE-LUV	47.201, -19.79, -112.276
Hunter-Lab	40.216, 23.347, -92.924
Binary	00101101, 01100110, 11101101

#2d66ed
```
#2d66ed rgb(45,102,237)
```
#edb42d
```
#edb42d rgb(237,180,45)
```

Complementary Color

#2dc6ed
```
#2dc6ed rgb(45,198,237)
```
#2d66ed
```
#2d66ed rgb(45,102,237)
```
#542ded
```
#542ded rgb(84,45,237)
```

Analogous Color

#c6ed2d
```
#c6ed2d rgb(198,237,45)
```
#2d66ed
```
#2d66ed rgb(45,102,237)
```
#ed542d
```
#ed542d rgb(237,84,45)
```

Split Complementary Color

#66ed2d
```
#66ed2d rgb(102,237,45)
```
#2d66ed
```
#2d66ed rgb(45,102,237)
```
#ed2d66
```
#ed2d66 rgb(237,45,102)
```

Triadic Color

#2dedb4
```
#2dedb4 rgb(45,237,180)
```
#2d66ed
```
#2d66ed rgb(45,102,237)
```
#ed2d66
```
#ed2d66 rgb(237,45,102)
```
#edb42d
```
#edb42d rgb(237,180,45)
```

Tetradic Color

#1044bd
```
#1044bd rgb(16,68,189)
```
#124cd5
```
#124cd5 rgb(18,76,213)
```
#1655eb
```
#1655eb rgb(22,85,235)
```
#2d66ed
```
#2d66ed rgb(45,102,237)
```
#4477ef
```
#4477ef rgb(68,119,239)
```
#5c88f1
```
#5c88f1 rgb(92,136,241)
```
#7399f3
```
#7399f3 rgb(115,153,243)
```

Monochromatic Color

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

#2d96ed
```
#2d96ed rgb(45,150,237)
```
#2d86ed
```
#2d86ed rgb(45,134,237)
```
#2d76ed
```
#2d76ed rgb(45,118,237)
```
#2d66ed
```
#2d66ed rgb(45,102,237)
```
#2d56ed
```
#2d56ed rgb(45,86,237)
```
#2d46ed
```
#2d46ed rgb(45,70,237)
```
#2d36ed
```
#2d36ed rgb(45,54,237)
```

Similar Colors

Text with hexadecimal color #2d66ed

This text has a font color of #2d66ed.

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

#2d66ed background color

This paragraph has a background color of #2d66ed.

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

#2d66ed border color

This element has a border color of #2d66ed.

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

CSS codes

.text {color:#2d66ed;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020919
```
#020919 rgb(2,9,25)
```
#040f2b
```
#040f2b rgb(4,15,43)
```
#05163d
```
#05163d rgb(5,22,61)
```
#071c4f
```
#071c4f rgb(7,28,79)
```
#082361
```
#082361 rgb(8,35,97)
```
#0a2973
```
#0a2973 rgb(10,41,115)
```
#0b3085
```
#0b3085 rgb(11,48,133)
```
#0d3697
```
#0d3697 rgb(13,54,151)
```
#0f3da9
```
#0f3da9 rgb(15,61,169)
```
#1043bb
```
#1043bb rgb(16,67,187)
```
#1249ce
```
#1249ce rgb(18,73,206)
```
#1350e0
```
#1350e0 rgb(19,80,224)
```

Shade Color Variation

#1b59eb
```
#1b59eb rgb(27,89,235)
```
#2d66ed
```
#2d66ed rgb(45,102,237)
```
#3f73ef
```
#3f73ef rgb(63,115,239)
```
#5180f0
```
#5180f0 rgb(81,128,240)
```
#638df2
```
#638df2 rgb(99,141,242)
```
#759bf3
```
#759bf3 rgb(117,155,243)
```
#87a8f5
```
#87a8f5 rgb(135,168,245)
```
#99b5f6
```
#99b5f6 rgb(153,181,246)
```
#abc2f8
```
#abc2f8 rgb(171,194,248)
```
#becff9
```
#becff9 rgb(190,207,249)
```
#d0dcfb
```
#d0dcfb rgb(208,220,251)
```
#e2eafc
```
#e2eafc rgb(226,234,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#858a95
```
#858a95 rgb(133,138,149)
```
#7c869e
```
#7c869e rgb(124,134,158)
```
#7383a7
```
#7383a7 rgb(115,131,167)
```
#6a7fb0
```
#6a7fb0 rgb(106,127,176)
```
#627bb8
```
#627bb8 rgb(98,123,184)
```
#5978c1
```
#5978c1 rgb(89,120,193)
```
#5074ca
```
#5074ca rgb(80,116,202)
```
#4771d3
```
#4771d3 rgb(71,113,211)
```
#3f6ddb
```
#3f6ddb rgb(63,109,219)
```
#366ae4
```
#366ae4 rgb(54,106,228)
```
#2d66ed
```
#2d66ed rgb(45,102,237)
```
#2462f6
```
#2462f6 rgb(36,98,246)
```
#1b5fff
```
#1b5fff rgb(27,95,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#59647f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#106ee6 Protanomaly 1% of men, 0.01% of women
#1072d4 Deuteranomaly 6% of men, 0.4% of women
#1078ae Tritanomaly 0.01% of the population

#2d66ed hex color

#2d66ed Color Information

#2d66ed Color Conversion

Color Schemes with #2d66ed

Alternatives to #2d66ed

#2d66ed Preview

Shades and Tints of #2d66ed

Tones of #2d66ed

Color Blindness Simulator