#2d75f5 hex color

In a RGB color space, hex #2d75f5 is composed of 17.6% red, 45.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 52.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 218.4 degrees, a saturation of 90.9% and a lightness of 56.9%. #2d75f5 color hex could be obtained by blending #5aeaff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 46
- B 96
RGB color chart
- C 82
- M 52
- Y 0
- K 4
CMYK color chart

● #2d75f5 color description : Bright blue.

The hexadecimal color #2d75f5 has RGB values of R:45, G:117, B:245 and CMYK values of C:0.82, M:0.52, Y:0, K:0.04. Its decimal value is 2979317.

Hex triplet	2d75f5	`#2d75f5`
RGB Decimal	45, 117, 245	`rgb(45,117,245)`
RGB Percent	17.6, 45.9, 96.1	`rgb(17.6%,45.9%,96.1%)`
CMYK	82, 52, 0, 4
HSL	218.4°, 90.9, 56.9	`hsl(218.4,90.9%,56.9%)`
HSV (or HSB)	218.4°, 81.6, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.691, 23.911, -70.259
XYZ	23.921, 19.871, 88.956
xyY	0.18, 0.15, 19.871
CIE-LCH	51.691, 74.217, 288.795
CIE-LUV	51.691, -23.752, -110.628
Hunter-Lab	44.577, 17.778, -87.113
Binary	00101101, 01110101, 11110101

#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#f5ad2d
```
#f5ad2d rgb(245,173,45)
```

Complementary Color

#2dd9f5
```
#2dd9f5 rgb(45,217,245)
```
#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#492df5
```
#492df5 rgb(73,45,245)
```

Analogous Color

#d9f52d
```
#d9f52d rgb(217,245,45)
```
#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#f5492d
```
#f5492d rgb(245,73,45)
```

Split Complementary Color

#75f52d
```
#75f52d rgb(117,245,45)
```
#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#f52d75
```
#f52d75 rgb(245,45,117)
```

Triadic Color

#2df5ad
```
#2df5ad rgb(45,245,173)
```
#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#f52d75
```
#f52d75 rgb(245,45,117)
```
#f5ad2d
```
#f5ad2d rgb(245,173,45)
```

Tetradic Color

#0a50cc
```
#0a50cc rgb(10,80,204)
```
#0b59e4
```
#0b59e4 rgb(11,89,228)
```
#1565f4
```
#1565f4 rgb(21,101,244)
```
#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#4585f6
```
#4585f6 rgb(69,133,246)
```
#5e95f7
```
#5e95f7 rgb(94,149,247)
```
#76a5f8
```
#76a5f8 rgb(118,165,248)
```

Monochromatic Color

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

#2da7f5
```
#2da7f5 rgb(45,167,245)
```
#2d96f5
```
#2d96f5 rgb(45,150,245)
```
#2d86f5
```
#2d86f5 rgb(45,134,245)
```
#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#2d64f5
```
#2d64f5 rgb(45,100,245)
```
#2d54f5
```
#2d54f5 rgb(45,84,245)
```
#2d43f5
```
#2d43f5 rgb(45,67,245)
```

Similar Colors

Text with hexadecimal color #2d75f5

This text has a font color of #2d75f5.

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

#2d75f5 background color

This paragraph has a background color of #2d75f5.

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

#2d75f5 border color

This element has a border color of #2d75f5.

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

CSS codes

.text {color:#2d75f5;}

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

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

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, #01060f is the darkest color, while #fbfcff is the lightest one.

#01060f
```
#01060f rgb(1,6,15)
```
#020d21
```
#020d21 rgb(2,13,33)
```
#021434
```
#021434 rgb(2,20,52)
```
#031c47
```
#031c47 rgb(3,28,71)
```
#04235a
```
#04235a rgb(4,35,90)
```
#052a6c
```
#052a6c rgb(5,42,108)
```
#06327f
```
#06327f rgb(6,50,127)
```
#073992
```
#073992 rgb(7,57,146)
```
#0840a4
```
#0840a4 rgb(8,64,164)
```
#0948b7
```
#0948b7 rgb(9,72,183)
```
#0a4fca
```
#0a4fca rgb(10,79,202)
```
#0b56dd
```
#0b56dd rgb(11,86,221)
```
#0b5def
```
#0b5def rgb(11,93,239)
```

Shade Color Variation

#1a69f4
```
#1a69f4 rgb(26,105,244)
```
#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#4081f6
```
#4081f6 rgb(64,129,246)
```
#528ef7
```
#528ef7 rgb(82,142,247)
```
#659af8
```
#659af8 rgb(101,154,248)
```
#78a6f9
```
#78a6f9 rgb(120,166,249)
```
#8bb3f9
```
#8bb3f9 rgb(139,179,249)
```
#9dbffa
```
#9dbffa rgb(157,191,250)
```
#b0cbfb
```
#b0cbfb rgb(176,203,251)
```
#c3d7fc
```
#c3d7fc rgb(195,215,252)
```
#d6e4fd
```
#d6e4fd rgb(214,228,253)
```
#e8f0fe
```
#e8f0fe rgb(232,240,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#8a8f98
```
#8a8f98 rgb(138,143,152)
```
#828da0
```
#828da0 rgb(130,141,160)
```
#798aa9
```
#798aa9 rgb(121,138,169)
```
#7188b1
```
#7188b1 rgb(113,136,177)
```
#6886ba
```
#6886ba rgb(104,134,186)
```
#6083c2
```
#6083c2 rgb(96,131,194)
```
#5781cb
```
#5781cb rgb(87,129,203)
```
#4f7ed3
```
#4f7ed3 rgb(79,126,211)
```
#467cdc
```
#467cdc rgb(70,124,220)
```
#3e7ae4
```
#3e7ae4 rgb(62,122,228)
```
#3577ed
```
#3577ed rgb(53,119,237)
```
#2d75f5
```
#2d75f5 rgb(45,117,245)
```
#2573fd
```
#2573fd rgb(37,115,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#616f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c7df7 Protanopia 1% of men
#0084d9 Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#187af6 Protanomaly 1% of men, 0.01% of women
#107fe3 Deuteranomaly 6% of men, 0.4% of women
#1085b9 Tritanomaly 0.01% of the population

#2d75f5 hex color

#2d75f5 Color Information

#2d75f5 Color Conversion

Color Schemes with #2d75f5

Alternatives to #2d75f5

#2d75f5 Preview

Shades and Tints of #2d75f5

Tones of #2d75f5

Color Blindness Simulator