#2d69f9 hex color

In a RGB color space, hex #2d69f9 is composed of 17.6% red, 41.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 57.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 222.4 degrees, a saturation of 94.4% and a lightness of 57.6%. #2d69f9 color hex could be obtained by blending #5ad2ff with #0000f3. Closest websafe color is: #3366ff.

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

● #2d69f9 color description : Bright blue.

The hexadecimal color #2d69f9 has RGB values of R:45, G:105, B:249 and CMYK values of C:0.82, M:0.58, Y:0, K:0.02. Its decimal value is 2976249.

Hex triplet	2d69f9	`#2d69f9`
RGB Decimal	45, 105, 249	`rgb(45,105,249)`
RGB Percent	17.6, 41.2, 97.6	`rgb(17.6%,41.2%,97.6%)`
CMYK	82, 58, 0, 2
HSL	222.4°, 94.4, 57.6	`hsl(222.4,94.4%,57.6%)`
HSV (or HSB)	222.4°, 81.9, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.882, 32.943, -77.054
XYZ	23.229, 17.499, 91.771
xyY	0.175, 0.132, 17.499
CIE-LCH	48.882, 83.8, 293.148
CIE-LUV	48.882, -20.475, -119.226
Hunter-Lab	41.832, 25.916, -100.789
Binary	00101101, 01101001, 11111001

#2d69f9
```
#2d69f9 rgb(45,105,249)
```
#f9bd2d
```
#f9bd2d rgb(249,189,45)
```

Complementary Color

#2dcff9
```
#2dcff9 rgb(45,207,249)
```
#2d69f9
```
#2d69f9 rgb(45,105,249)
```
#572df9
```
#572df9 rgb(87,45,249)
```

Analogous Color

#cff92d
```
#cff92d rgb(207,249,45)
```
#2d69f9
```
#2d69f9 rgb(45,105,249)
```
#f9572d
```
#f9572d rgb(249,87,45)
```

Split Complementary Color

#69f92d
```
#69f92d rgb(105,249,45)
```
#2d69f9
```
#2d69f9 rgb(45,105,249)
```
#f92d69
```
#f92d69 rgb(249,45,105)
```

Triadic Color

#2df9bd
```
#2df9bd rgb(45,249,189)
```
#2d69f9
```
#2d69f9 rgb(45,105,249)
```
#f92d69
```
#f92d69 rgb(249,45,105)
```
#f9bd2d
```
#f9bd2d rgb(249,189,45)
```

Tetradic Color

#0642d3
```
#0642d3 rgb(6,66,211)
```
#074aec
```
#074aec rgb(7,74,236)
```
#1457f8
```
#1457f8 rgb(20,87,248)
```
#2d69f9
```
#2d69f9 rgb(45,105,249)
```
#467bfa
```
#467bfa rgb(70,123,250)
```
#5f8cfa
```
#5f8cfa rgb(95,140,250)
```
#779efb
```
#779efb rgb(119,158,251)
```

Monochromatic Color

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

#2d9cf9
```
#2d9cf9 rgb(45,156,249)
```
#2d8bf9
```
#2d8bf9 rgb(45,139,249)
```
#2d7af9
```
#2d7af9 rgb(45,122,249)
```
#2d69f9
```
#2d69f9 rgb(45,105,249)
```
#2d58f9
```
#2d58f9 rgb(45,88,249)
```
#2d47f9
```
#2d47f9 rgb(45,71,249)
```
#2d36f9
```
#2d36f9 rgb(45,54,249)
```

Similar Colors

Text with hexadecimal color #2d69f9

This text has a font color of #2d69f9.

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

#2d69f9 background color

This paragraph has a background color of #2d69f9.

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

#2d69f9 border color

This element has a border color of #2d69f9.

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

CSS codes

.text {color:#2d69f9;}

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

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

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

#010613
```
#010613 rgb(1,6,19)
```
#010c26
```
#010c26 rgb(1,12,38)
```
#021239
```
#021239 rgb(2,18,57)
```
#02184c
```
#02184c rgb(2,24,76)
```
#031e5f
```
#031e5f rgb(3,30,95)
```
#032472
```
#032472 rgb(3,36,114)
```
#042a85
```
#042a85 rgb(4,42,133)
```
#043098
```
#043098 rgb(4,48,152)
```
#0536ab
```
#0536ab rgb(5,54,171)
```
#053cbe
```
#053cbe rgb(5,60,190)
```
#0642d2
```
#0642d2 rgb(6,66,210)
```
#0748e5
```
#0748e5 rgb(7,72,229)
```
#074ef8
```
#074ef8 rgb(7,78,248)
```

Shade Color Variation

#1a5bf8
```
#1a5bf8 rgb(26,91,248)
```
#2d69f9
```
#2d69f9 rgb(45,105,249)
```
#4077fa
```
#4077fa rgb(64,119,250)
```
#5384fa
```
#5384fa rgb(83,132,250)
```
#6692fb
```
#6692fb rgb(102,146,251)
```
#799ffb
```
#799ffb rgb(121,159,251)
```
#8cadfc
```
#8cadfc rgb(140,173,252)
```
#9fbbfc
```
#9fbbfc rgb(159,187,252)
```
#b2c8fd
```
#b2c8fd rgb(178,200,253)
```
#c6d6fd
```
#c6d6fd rgb(198,214,253)
```
#d9e4fe
```
#d9e4fe rgb(217,228,254)
```
#ecf1fe
```
#ecf1fe rgb(236,241,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#919295
```
#919295 rgb(145,146,149)
```
#888f9e
```
#888f9e rgb(136,143,158)
```
#808ba6
```
#808ba6 rgb(128,139,166)
```
#7888ae
```
#7888ae rgb(120,136,174)
```
#6f84b7
```
#6f84b7 rgb(111,132,183)
```
#6781bf
```
#6781bf rgb(103,129,191)
```
#5f7ec7
```
#5f7ec7 rgb(95,126,199)
```
#577acf
```
#577acf rgb(87,122,207)
```
#4e77d8
```
#4e77d8 rgb(78,119,216)
```
#4673e0
```
#4673e0 rgb(70,115,224)
```
#3e70e8
```
#3e70e8 rgb(62,112,232)
```
#356cf1
```
#356cf1 rgb(53,108,241)
```
#2d69f9
```
#2d69f9 rgb(45,105,249)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5b6784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#1072ef Protanomaly 1% of men, 0.01% of women
#1076dc Deuteranomaly 6% of men, 0.4% of women
#107cb5 Tritanomaly 0.01% of the population

#2d69f9 hex color

#2d69f9 Color Information

#2d69f9 Color Conversion

Color Schemes with #2d69f9

Alternatives to #2d69f9

#2d69f9 Preview

Shades and Tints of #2d69f9

Tones of #2d69f9

Color Blindness Simulator