#2d45f2 hex color

In a RGB color space, hex #2d45f2 is composed of 17.6% red, 27.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 71.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 232.7 degrees, a saturation of 88.3% and a lightness of 56.3%. #2d45f2 color hex could be obtained by blending #5a8aff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 27
- B 95
RGB color chart
- C 81
- M 71
- Y 0
- K 5
CMYK color chart

● #2d45f2 color description : Bright blue.

The hexadecimal color #2d45f2 has RGB values of R:45, G:69, B:242 and CMYK values of C:0.81, M:0.71, Y:0, K:0.05. Its decimal value is 2967026.

Hex triplet	2d45f2	`#2d45f2`
RGB Decimal	45, 69, 242	`rgb(45,69,242)`
RGB Percent	17.6, 27.1, 94.9	`rgb(17.6%,27.1%,94.9%)`
CMYK	81, 71, 0, 5
HSL	232.7°, 88.3, 56.3	`hsl(232.7,88.3%,56.3%)`
HSV (or HSB)	232.7°, 81.4, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.954, 52.366, -87.791
XYZ	19.234, 11.224, 85.152
xyY	0.166, 0.097, 11.224
CIE-LCH	39.954, 102.223, 300.815
CIE-LUV	39.954, -12.562, -124.835
Hunter-Lab	33.502, 43.853, -127.248
Binary	00101101, 01000101, 11110010

#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#f2da2d
```
#f2da2d rgb(242,218,45)
```

Complementary Color

#2da8f2
```
#2da8f2 rgb(45,168,242)
```
#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#782df2
```
#782df2 rgb(120,45,242)
```

Analogous Color

#a8f22d
```
#a8f22d rgb(168,242,45)
```
#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#f2782d
```
#f2782d rgb(242,120,45)
```

Split Complementary Color

#45f22d
```
#45f22d rgb(69,242,45)
```
#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#f22d45
```
#f22d45 rgb(242,45,69)
```

Triadic Color

#2df2da
```
#2df2da rgb(45,242,218)
```
#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#f22d45
```
#f22d45 rgb(242,45,69)
```
#f2da2d
```
#f2da2d rgb(242,218,45)
```

Tetradic Color

#0c23c6
```
#0c23c6 rgb(12,35,198)
```
#0e27de
```
#0e27de rgb(14,39,222)
```
#1530f1
```
#1530f1 rgb(21,48,241)
```
#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#455af3
```
#455af3 rgb(69,90,243)
```
#5d70f5
```
#5d70f5 rgb(93,112,245)
```
#7585f6
```
#7585f6 rgb(117,133,246)
```

Monochromatic Color

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

#2d76f2
```
#2d76f2 rgb(45,118,242)
```
#2d66f2
```
#2d66f2 rgb(45,102,242)
```
#2d55f2
```
#2d55f2 rgb(45,85,242)
```
#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#2d35f2
```
#2d35f2 rgb(45,53,242)
```
#362df2
```
#362df2 rgb(54,45,242)
```
#462df2
```
#462df2 rgb(70,45,242)
```

Similar Colors

Text with hexadecimal color #2d45f2

This text has a font color of #2d45f2.

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

#2d45f2 background color

This paragraph has a background color of #2d45f2.

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

#2d45f2 border color

This element has a border color of #2d45f2.

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

CSS codes

.text {color:#2d45f2;}

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

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

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, #01020c is the darkest color, while #f8f9ff is the lightest one.

#01020c
```
#01020c rgb(1,2,12)
```
#02051e
```
#02051e rgb(2,5,30)
```
#030931
```
#030931 rgb(3,9,49)
```
#040c43
```
#040c43 rgb(4,12,67)
```
#050f56
```
#050f56 rgb(5,15,86)
```
#061268
```
#061268 rgb(6,18,104)
```
#08167a
```
#08167a rgb(8,22,122)
```
#09198d
```
#09198d rgb(9,25,141)
```
#0a1c9f
```
#0a1c9f rgb(10,28,159)
```
#0b1fb2
```
#0b1fb2 rgb(11,31,178)
```
#0c23c4
```
#0c23c4 rgb(12,35,196)
```
#0d26d7
```
#0d26d7 rgb(13,38,215)
```
#0e29e9
```
#0e29e9 rgb(14,41,233)
```

Shade Color Variation

#1b35f1
```
#1b35f1 rgb(27,53,241)
```
#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#3f55f3
```
#3f55f3 rgb(63,85,243)
```
#5266f4
```
#5266f4 rgb(82,102,244)
```
#6476f5
```
#6476f5 rgb(100,118,245)
```
#7786f7
```
#7786f7 rgb(119,134,247)
```
#8997f8
```
#8997f8 rgb(137,151,248)
```
#9ca7f9
```
#9ca7f9 rgb(156,167,249)
```
#aeb8fa
```
#aeb8fa rgb(174,184,250)
```
#c1c8fb
```
#c1c8fb rgb(193,200,251)
```
#d3d8fc
```
#d3d8fc rgb(211,216,252)
```
#e6e9fd
```
#e6e9fd rgb(230,233,253)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#8b8c94
```
#8b8c94 rgb(139,140,148)
```
#83869c
```
#83869c rgb(131,134,156)
```
#7a7fa5
```
#7a7fa5 rgb(122,127,165)
```
#7279ad
```
#7279ad rgb(114,121,173)
```
#6972b6
```
#6972b6 rgb(105,114,182)
```
#606cbf
```
#606cbf rgb(96,108,191)
```
#5865c7
```
#5865c7 rgb(88,101,199)
```
#4f5fd0
```
#4f5fd0 rgb(79,95,208)
```
#4758d8
```
#4758d8 rgb(71,88,216)
```
#3e52e1
```
#3e52e1 rgb(62,82,225)
```
#364be9
```
#364be9 rgb(54,75,233)
```
#2d45f2
```
#2d45f2 rgb(45,69,242)
```
#243ffb
```
#243ffb rgb(36,63,251)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b4f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#1058d3 Protanomaly 1% of men, 0.01% of women
#105cc2 Deuteranomaly 6% of men, 0.4% of women
#1060a3 Tritanomaly 0.01% of the population

#2d45f2 hex color

#2d45f2 Color Information

#2d45f2 Color Conversion

Color Schemes with #2d45f2

Alternatives to #2d45f2

#2d45f2 Preview

Shades and Tints of #2d45f2

Tones of #2d45f2

Color Blindness Simulator