#2d66ff hex color

In a RGB color space, hex #2d66ff is composed of 17.6% red, 40% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 60% magenta, 0% yellow and 0% black. It has a hue angle of 223.7 degrees, a saturation of 100% and a lightness of 58.8%. #2d66ff color hex could be obtained by blending #5accff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 40
- B 100
RGB color chart
- C 82
- M 60
- Y 0
- K 0
CMYK color chart

● #2d66ff color description : Vivid blue.

The hexadecimal color #2d66ff has RGB values of R:45, G:102, B:255 and CMYK values of C:0.82, M:0.6, Y:0, K:0. Its decimal value is 2975487.

Hex triplet	2d66ff	`#2d66ff`
RGB Decimal	45, 102, 255	`rgb(45,102,255)`
RGB Percent	17.6, 40, 100	`rgb(17.6%,40%,100%)`
CMYK	82, 60, 0, 0
HSL	223.7°, 100, 58.8	`hsl(223.7,100%,58.8%)`
HSV (or HSB)	223.7°, 82.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.609, 37.012, -80.834
XYZ	23.88, 17.279, 96.679
xyY	0.173, 0.125, 17.279
CIE-LCH	48.609, 88.905, 294.602
CIE-LUV	48.609, -19.696, -124.481
Hunter-Lab	41.568, 29.801, -108.8
Binary	00101101, 01100110, 11111111

#2d66ff
```
#2d66ff rgb(45,102,255)
```
#ffc62d
```
#ffc62d rgb(255,198,45)
```

Complementary Color

#2dcfff
```
#2dcfff rgb(45,207,255)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```
#5d2dff
```
#5d2dff rgb(93,45,255)
```

Analogous Color

#cfff2d
```
#cfff2d rgb(207,255,45)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```
#ff5d2d
```
#ff5d2d rgb(255,93,45)
```

Split Complementary Color

#66ff2d
```
#66ff2d rgb(102,255,45)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```
#ff2d66
```
#ff2d66 rgb(255,45,102)
```

Triadic Color

#2dffc6
```
#2dffc6 rgb(45,255,198)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```
#ff2d66
```
#ff2d66 rgb(255,45,102)
```
#ffc62d
```
#ffc62d rgb(255,198,45)
```

Tetradic Color

#003de0
```
#003de0 rgb(0,61,224)
```
#0044f9
```
#0044f9 rgb(0,68,249)
```
#1453ff
```
#1453ff rgb(20,83,255)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```
#4779ff
```
#4779ff rgb(71,121,255)
```
#608bff
```
#608bff rgb(96,139,255)
```
#7a9eff
```
#7a9eff rgb(122,158,255)
```

Monochromatic Color

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

#2d9bff
```
#2d9bff rgb(45,155,255)
```
#2d89ff
```
#2d89ff rgb(45,137,255)
```
#2d78ff
```
#2d78ff rgb(45,120,255)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```
#2d54ff
```
#2d54ff rgb(45,84,255)
```
#2d43ff
```
#2d43ff rgb(45,67,255)
```
#2d32ff
```
#2d32ff rgb(45,50,255)
```

Similar Colors

Text with hexadecimal color #2d66ff

This text has a font color of #2d66ff.

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

#2d66ff background color

This paragraph has a background color of #2d66ff.

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

#2d66ff border color

This element has a border color of #2d66ff.

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

CSS codes

.text {color:#2d66ff;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000719
```
#000719 rgb(0,7,25)
```
#000c2d
```
#000c2d rgb(0,12,45)
```
#001241
```
#001241 rgb(0,18,65)
```
#001754
```
#001754 rgb(0,23,84)
```
#001c68
```
#001c68 rgb(0,28,104)
```
#00227b
```
#00227b rgb(0,34,123)
```
#00278f
```
#00278f rgb(0,39,143)
```
#002ca3
```
#002ca3 rgb(0,44,163)
```
#0031b6
```
#0031b6 rgb(0,49,182)
```
#0037ca
```
#0037ca rgb(0,55,202)
```
#003cde
```
#003cde rgb(0,60,222)
```
#0041f1
```
#0041f1 rgb(0,65,241)
```

Shade Color Variation

#0649ff
```
#0649ff rgb(6,73,255)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```
#4174ff
```
#4174ff rgb(65,116,255)
```
#5483ff
```
#5483ff rgb(84,131,255)
```
#6891ff
```
#6891ff rgb(104,145,255)
```
#7b9fff
```
#7b9fff rgb(123,159,255)
```
#8fadff
```
#8fadff rgb(143,173,255)
```
#a3bcff
```
#a3bcff rgb(163,188,255)
```
#b6caff
```
#b6caff rgb(182,202,255)
```
#cad8ff
```
#cad8ff rgb(202,216,255)
```
#dee7ff
```
#dee7ff rgb(222,231,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e929e is the less saturated color, while #2d66ff is the most saturated one.

#8e929e
```
#8e929e rgb(142,146,158)
```
#868fa6
```
#868fa6 rgb(134,143,166)
```
#7e8bae
```
#7e8bae rgb(126,139,174)
```
#7687b6
```
#7687b6 rgb(118,135,182)
```
#6e84be
```
#6e84be rgb(110,132,190)
```
#6680c6
```
#6680c6 rgb(102,128,198)
```
#5d7ccf
```
#5d7ccf rgb(93,124,207)
```
#5578d7
```
#5578d7 rgb(85,120,215)
```
#4d75df
```
#4d75df rgb(77,117,223)
```
#4571e7
```
#4571e7 rgb(69,113,231)
```
#3d6def
```
#3d6def rgb(61,109,239)
```
#356af7
```
#356af7 rgb(53,106,247)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5b6685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1070f0 Protanomaly 1% of men, 0.01% of women
#1075dd Deuteranomaly 6% of men, 0.4% of women
#107ab7 Tritanomaly 0.01% of the population

#2d66ff hex color

#2d66ff Color Information

#2d66ff Color Conversion

Color Schemes with #2d66ff

Alternatives to #2d66ff

#2d66ff Preview

Shades and Tints of #2d66ff

Tones of #2d66ff

Color Blindness Simulator