#2d46bc hex color

In a RGB color space, hex #2d46bc is composed of 17.6% red, 27.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 62.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 229.5 degrees, a saturation of 61.4% and a lightness of 45.7%. #2d46bc color hex could be obtained by blending #5a8cff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 27
- B 74
RGB color chart
- C 76
- M 63
- Y 0
- K 26
CMYK color chart

● #2d46bc color description : Strong blue.

The hexadecimal color #2d46bc has RGB values of R:45, G:70, B:188 and CMYK values of C:0.76, M:0.63, Y:0, K:0.26. Its decimal value is 2967228.

Hex triplet	2d46bc	`#2d46bc`
RGB Decimal	45, 70, 188	`rgb(45,70,188)`
RGB Percent	17.6, 27.5, 73.7	`rgb(17.6%,27.5%,73.7%)`
CMYK	76, 63, 0, 26
HSL	229.5°, 61.4, 45.7	`hsl(229.5,61.4%,45.7%)`
HSV (or HSB)	229.5°, 76.1, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.139, 32.804, -64.651
XYZ	12.348, 8.568, 48.577
xyY	0.178, 0.123, 8.568
CIE-LCH	35.139, 72.497, 296.903
CIE-LUV	35.139, -11.653, -91.031
Hunter-Lab	29.272, 24.071, -77.904
Binary	00101101, 01000110, 10111100

#2d46bc
```
#2d46bc rgb(45,70,188)
```
#bca32d
```
#bca32d rgb(188,163,45)
```

Complementary Color

#2d8ebc
```
#2d8ebc rgb(45,142,188)
```
#2d46bc
```
#2d46bc rgb(45,70,188)
```
#5c2dbc
```
#5c2dbc rgb(92,45,188)
```

Analogous Color

#8ebc2d
```
#8ebc2d rgb(142,188,45)
```
#2d46bc
```
#2d46bc rgb(45,70,188)
```
#bc5c2d
```
#bc5c2d rgb(188,92,45)
```

Split Complementary Color

#46bc2d
```
#46bc2d rgb(70,188,45)
```
#2d46bc
```
#2d46bc rgb(45,70,188)
```
#bc2d46
```
#bc2d46 rgb(188,45,70)
```

Triadic Color

#2dbca3
```
#2dbca3 rgb(45,188,163)
```
#2d46bc
```
#2d46bc rgb(45,70,188)
```
#bc2d46
```
#bc2d46 rgb(188,45,70)
```
#bca32d
```
#bca32d rgb(188,163,45)
```

Tetradic Color

#1e2f7e
```
#1e2f7e rgb(30,47,126)
```
#233793
```
#233793 rgb(35,55,147)
```
#283ea7
```
#283ea7 rgb(40,62,167)
```
#2d46bc
```
#2d46bc rgb(45,70,188)
```
#344fce
```
#344fce rgb(52,79,206)
```
#4961d3
```
#4961d3 rgb(73,97,211)
```
#5d73d8
```
#5d73d8 rgb(93,115,216)
```

Monochromatic Color

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

#2d6abc
```
#2d6abc rgb(45,106,188)
```
#2d5ebc
```
#2d5ebc rgb(45,94,188)
```
#2d52bc
```
#2d52bc rgb(45,82,188)
```
#2d46bc
```
#2d46bc rgb(45,70,188)
```
#2d3abc
```
#2d3abc rgb(45,58,188)
```
#2d2ebc
```
#2d2ebc rgb(45,46,188)
```
#382dbc
```
#382dbc rgb(56,45,188)
```

Similar Colors

Text with hexadecimal color #2d46bc

This text has a font color of #2d46bc.

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

#2d46bc background color

This paragraph has a background color of #2d46bc.

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

#2d46bc border color

This element has a border color of #2d46bc.

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

CSS codes

.text {color:#2d46bc;}

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

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

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, #03050e is the darkest color, while #fdfdff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#070b1e
```
#070b1e rgb(7,11,30)
```
#0b112e
```
#0b112e rgb(11,17,46)
```
#0f173d
```
#0f173d rgb(15,23,61)
```
#121d4d
```
#121d4d rgb(18,29,77)
```
#16235d
```
#16235d rgb(22,35,93)
```
#1a296d
```
#1a296d rgb(26,41,109)
```
#1e2e7d
```
#1e2e7d rgb(30,46,125)
```
#22348d
```
#22348d rgb(34,52,141)
```
#253a9c
```
#253a9c rgb(37,58,156)
```
#2940ac
```
#2940ac rgb(41,64,172)
```
#2d46bc
```
#2d46bc rgb(45,70,188)
```
#314ccc
```
#314ccc rgb(49,76,204)
```

Shade Color Variation

#3f59d1
```
#3f59d1 rgb(63,89,209)
```
#4f66d5
```
#4f66d5 rgb(79,102,213)
```
#5f74d9
```
#5f74d9 rgb(95,116,217)
```
#6f82dc
```
#6f82dc rgb(111,130,220)
```
#7e90e0
```
#7e90e0 rgb(126,144,224)
```
#8e9de4
```
#8e9de4 rgb(142,157,228)
```
#9eabe8
```
#9eabe8 rgb(158,171,232)
```
#aeb9ec
```
#aeb9ec rgb(174,185,236)
```
#bec6ef
```
#bec6ef rgb(190,198,239)
```
#ced4f3
```
#ced4f3 rgb(206,212,243)
```
#dde2f7
```
#dde2f7 rgb(221,226,247)
```
#edf0fb
```
#edf0fb rgb(237,240,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6f7d is the less saturated color, while #0029e9 is the most saturated one.

#6c6f7d
```
#6c6f7d rgb(108,111,125)
```
#636986
```
#636986 rgb(99,105,134)
```
#5a638f
```
#5a638f rgb(90,99,143)
```
#515d98
```
#515d98 rgb(81,93,152)
```
#4857a1
```
#4857a1 rgb(72,87,161)
```
#3f52aa
```
#3f52aa rgb(63,82,170)
```
#364cb3
```
#364cb3 rgb(54,76,179)
```
#2d46bc
```
#2d46bc rgb(45,70,188)
```
#2440c5
```
#2440c5 rgb(36,64,197)
```
#1b3ace
```
#1b3ace rgb(27,58,206)
```
#1235d7
```
#1235d7 rgb(18,53,215)
```
#092fe0
```
#092fe0 rgb(9,47,224)
```
#0029e9
```
#0029e9 rgb(0,41,233)
```

Tone Color Variation

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

#1052b2 Protanomaly 1% of men, 0.01% of women
#1055a4 Deuteranomaly 6% of men, 0.4% of women
#105988 Tritanomaly 0.01% of the population

#2d46bc hex color

#2d46bc Color Information

#2d46bc Color Conversion

Color Schemes with #2d46bc

Alternatives to #2d46bc

#2d46bc Preview

Shades and Tints of #2d46bc

Tones of #2d46bc

Color Blindness Simulator