#2d69ff hex color

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

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

● #2d69ff color description : Vivid blue.

The hexadecimal color #2d69ff has RGB values of R:45, G:105, B:255 and CMYK values of C:0.82, M:0.59, Y:0, K:0. Its decimal value is 2976255.

Hex triplet	2d69ff	`#2d69ff`
RGB Decimal	45, 105, 255	`rgb(45,105,255)`
RGB Percent	17.6, 41.2, 100	`rgb(17.6%,41.2%,100%)`
CMYK	82, 59, 0, 0
HSL	222.9°, 100, 58.8	`hsl(222.9,100%,58.8%)`
HSV (or HSB)	222.9°, 82.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.349, 35.14, -79.625
XYZ	24.18, 17.879, 96.779
xyY	0.174, 0.129, 17.879
CIE-LCH	49.349, 87.034, 293.813
CIE-LUV	49.349, -20.437, -123.297
Hunter-Lab	42.284, 28.079, -106.104
Binary	00101101, 01101001, 11111111

#2d69ff
```
#2d69ff rgb(45,105,255)
```
#ffc32d
```
#ffc32d rgb(255,195,45)
```

Complementary Color

#2dd2ff
```
#2dd2ff rgb(45,210,255)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```

Analogous Color

#d2ff2d
```
#d2ff2d rgb(210,255,45)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```
#ff5a2d
```
#ff5a2d rgb(255,90,45)
```

Split Complementary Color

#69ff2d
```
#69ff2d rgb(105,255,45)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```
#ff2d69
```
#ff2d69 rgb(255,45,105)
```

Triadic Color

#2dffc3
```
#2dffc3 rgb(45,255,195)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```
#ff2d69
```
#ff2d69 rgb(255,45,105)
```
#ffc32d
```
#ffc32d rgb(255,195,45)
```

Tetradic Color

#0040e0
```
#0040e0 rgb(0,64,224)
```
#0047f9
```
#0047f9 rgb(0,71,249)
```
#1457ff
```
#1457ff rgb(20,87,255)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```
#477bff
```
#477bff rgb(71,123,255)
```
#608dff
```
#608dff rgb(96,141,255)
```
#7aa0ff
```
#7aa0ff rgb(122,160,255)
```

Monochromatic Color

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

#2d9eff
```
#2d9eff rgb(45,158,255)
```
#2d8cff
```
#2d8cff rgb(45,140,255)
```
#2d7bff
```
#2d7bff rgb(45,123,255)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```
#2d58ff
```
#2d58ff rgb(45,88,255)
```
#2d46ff
```
#2d46ff rgb(45,70,255)
```
#2d35ff
```
#2d35ff rgb(45,53,255)
```

Similar Colors

Text with hexadecimal color #2d69ff

This text has a font color of #2d69ff.

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

#2d69ff background color

This paragraph has a background color of #2d69ff.

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

#2d69ff border color

This element has a border color of #2d69ff.

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

CSS codes

.text {color:#2d69ff;}

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

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

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)
```
#000d2d
```
#000d2d rgb(0,13,45)
```
#001241
```
#001241 rgb(0,18,65)
```
#001854
```
#001854 rgb(0,24,84)
```
#001e68
```
#001e68 rgb(0,30,104)
```
#00237b
```
#00237b rgb(0,35,123)
```
#00298f
```
#00298f rgb(0,41,143)
```
#002ea3
```
#002ea3 rgb(0,46,163)
```
#0034b6
```
#0034b6 rgb(0,52,182)
```
#003aca
```
#003aca rgb(0,58,202)
```
#003fde
```
#003fde rgb(0,63,222)
```
#0045f1
```
#0045f1 rgb(0,69,241)
```

Shade Color Variation

#064dff
```
#064dff rgb(6,77,255)
```
#195bff
```
#195bff rgb(25,91,255)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```
#4177ff
```
#4177ff rgb(65,119,255)
```
#5485ff
```
#5485ff rgb(84,133,255)
```
#6893ff
```
#6893ff rgb(104,147,255)
```
#7ba1ff
```
#7ba1ff rgb(123,161,255)
```
#8fafff
```
#8fafff rgb(143,175,255)
```
#a3bdff
```
#a3bdff rgb(163,189,255)
```
#b6cbff
```
#b6cbff rgb(182,203,255)
```
#cad9ff
```
#cad9ff rgb(202,217,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, #8e939e is the less saturated color, while #2d69ff is the most saturated one.

#8e939e
```
#8e939e rgb(142,147,158)
```
#868fa6
```
#868fa6 rgb(134,143,166)
```
#7e8cae
```
#7e8cae rgb(126,140,174)
```
#7688b6
```
#7688b6 rgb(118,136,182)
```
#6e85be
```
#6e85be rgb(110,133,190)
```
#6681c6
```
#6681c6 rgb(102,129,198)
```
#5d7ecf
```
#5d7ecf rgb(93,126,207)
```
#557ad7
```
#557ad7 rgb(85,122,215)
```
#4d77df
```
#4d77df rgb(77,119,223)
```
#4573e7
```
#4573e7 rgb(69,115,231)
```
#3d70ef
```
#3d70ef rgb(61,112,239)
```
#356cf7
```
#356cf7 rgb(53,108,247)
```
#2d69ff
```
#2d69ff rgb(45,105,255)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fcd Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#1072f2 Protanomaly 1% of men, 0.01% of women
#1077df Deuteranomaly 6% of men, 0.4% of women
#107db8 Tritanomaly 0.01% of the population

#2d69ff hex color

#2d69ff Color Information

#2d69ff Color Conversion

Color Schemes with #2d69ff

Alternatives to #2d69ff

#2d69ff Preview

Shades and Tints of #2d69ff

Tones of #2d69ff

Color Blindness Simulator