colorhexa.com

#2d45bf hex color

In a RGB color space, hex #2d45bf is composed of 17.6% red, 27.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 63.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 230.1 degrees, a saturation of 61.9% and a lightness of 46.3%. #2d45bf color hex could be obtained by blending #5a8aff with #00007f. Closest websafe color is: #3333cc.

- R 18
- G 27
- B 75
RGB color chart
- C 76
- M 64
- Y 0
- K 25
CMYK color chart

● #2d45bf color description : Strong blue.

The hexadecimal color #2d45bf has RGB values of R:45, G:69, B:191 and CMYK values of C:0.76, M:0.64, Y:0, K:0.25. Its decimal value is 2966975.

Hex triplet	2d45bf	`#2d45bf`
RGB Decimal	45, 69, 191	`rgb(45,69,191)`
RGB Percent	17.6, 27.1, 74.9	`rgb(17.6%,27.1%,74.9%)`
CMYK	76, 64, 0, 25
HSL	230.1°, 61.9, 46.3	`hsl(230.1,61.9%,46.3%)`
HSV (or HSB)	230.1°, 76.4, 74.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.153, 34.544, -66.391
XYZ	12.612, 8.575, 50.278
xyY	0.176, 0.12, 8.575
CIE-LCH	35.153, 74.84, 297.488
CIE-LUV	35.153, -11.474, -93.272
Hunter-Lab	29.283, 25.636, -81.301
Binary	00101101, 01000101, 10111111

#2d45bf
```
#2d45bf rgb(45,69,191)
```
#bfa72d
```
#bfa72d rgb(191,167,45)
```

Complementary Color

#2d8ebf
```
#2d8ebf rgb(45,142,191)
```
#2d45bf
```
#2d45bf rgb(45,69,191)
```
#5e2dbf
```
#5e2dbf rgb(94,45,191)
```

Analogous Color

#8ebf2d
```
#8ebf2d rgb(142,191,45)
```
#2d45bf
```
#2d45bf rgb(45,69,191)
```
#bf5e2d
```
#bf5e2d rgb(191,94,45)
```

Split Complementary Color

#45bf2d
```
#45bf2d rgb(69,191,45)
```
#2d45bf
```
#2d45bf rgb(45,69,191)
```
#bf2d45
```
#bf2d45 rgb(191,45,69)
```

Triadic Color

#2dbfa7
```
#2dbfa7 rgb(45,191,167)
```
#2d45bf
```
#2d45bf rgb(45,69,191)
```
#bf2d45
```
#bf2d45 rgb(191,45,69)
```
#bfa72d
```
#bfa72d rgb(191,167,45)
```

Tetradic Color

#1e2f81
```
#1e2f81 rgb(30,47,129)
```
#233696
```
#233696 rgb(35,54,150)
```
#283eaa
```
#283eaa rgb(40,62,170)
```
#2d45bf
```
#2d45bf rgb(45,69,191)
```
#364fd0
```
#364fd0 rgb(54,79,208)
```
#4b61d4
```
#4b61d4 rgb(75,97,212)
```
#5f73d9
```
#5f73d9 rgb(95,115,217)
```

Monochromatic Color

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

#2d6abf
```
#2d6abf rgb(45,106,191)
```
#2d5dbf
```
#2d5dbf rgb(45,93,191)
```
#2d51bf
```
#2d51bf rgb(45,81,191)
```
#2d45bf
```
#2d45bf rgb(45,69,191)
```
#2d39bf
```
#2d39bf rgb(45,57,191)
```
#2d2dbf
```
#2d2dbf rgb(45,45,191)
```
#3a2dbf
```
#3a2dbf rgb(58,45,191)
```

Similar Colors

Text with hexadecimal color #2d45bf

This text has a font color of #2d45bf.

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

#2d45bf background color

This paragraph has a background color of #2d45bf.

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

#2d45bf border color

This element has a border color of #2d45bf.

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

CSS codes

.text {color:#2d45bf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040610
```
#040610 rgb(4,6,16)
```
#080c20
```
#080c20 rgb(8,12,32)
```
#0b1130
```
#0b1130 rgb(11,17,48)
```
#0f1740
```
#0f1740 rgb(15,23,64)
```
#131d50
```
#131d50 rgb(19,29,80)
```
#172360
```
#172360 rgb(23,35,96)
```
#1a2870
```
#1a2870 rgb(26,40,112)
```
#1e2e7f
```
#1e2e7f rgb(30,46,127)
```
#22348f
```
#22348f rgb(34,52,143)
```
#263a9f
```
#263a9f rgb(38,58,159)
```
#293faf
```
#293faf rgb(41,63,175)
```
#2d45bf
```
#2d45bf rgb(45,69,191)
```

Shade Color Variation

#314bce
```
#314bce rgb(49,75,206)
```
#4159d2
```
#4159d2 rgb(65,89,210)
```
#5167d6
```
#5167d6 rgb(81,103,214)
```
#6175da
```
#6175da rgb(97,117,218)
```
#7183dd
```
#7183dd rgb(113,131,221)
```
#8090e1
```
#8090e1 rgb(128,144,225)
```
#909ee5
```
#909ee5 rgb(144,158,229)
```
#a0ace9
```
#a0ace9 rgb(160,172,233)
```
#b0baec
```
#b0baec rgb(176,186,236)
```
#c0c8f0
```
#c0c8f0 rgb(192,200,240)
```
#d0d6f4
```
#d0d6f4 rgb(208,214,244)
```
#e0e4f8
```
#e0e4f8 rgb(224,228,248)
```
#f0f2fb
```
#f0f2fb rgb(240,242,251)
```

Tint Color Variation

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

#767676
```
#767676 rgb(118,118,118)
```
#6d707f
```
#6d707f rgb(109,112,127)
```
#636a89
```
#636a89 rgb(99,106,137)
```
#5a6392
```
#5a6392 rgb(90,99,146)
```
#515d9b
```
#515d9b rgb(81,93,155)
```
#4857a4
```
#4857a4 rgb(72,87,164)
```
#3f51ad
```
#3f51ad rgb(63,81,173)
```
#364bb6
```
#364bb6 rgb(54,75,182)
```
#2d45bf
```
#2d45bf rgb(45,69,191)
```
#243fc8
```
#243fc8 rgb(36,63,200)
```
#1b39d1
```
#1b39d1 rgb(27,57,209)
```
#1233da
```
#1233da rgb(18,51,218)
```
#092de3
```
#092de3 rgb(9,45,227)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464b63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d97 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1051b3 Protanomaly 1% of men, 0.01% of women
#1054a5 Deuteranomaly 6% of men, 0.4% of women
#105989 Tritanomaly 0.01% of the population