#2b48d4 hex color

In a RGB color space, hex #2b48d4 is composed of 16.9% red, 28.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 66% magenta, 0% yellow and 16.9% black. It has a hue angle of 229.7 degrees, a saturation of 66.3% and a lightness of 50%. #2b48d4 color hex could be obtained by blending #5690ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 17
- G 28
- B 83
RGB color chart
- C 80
- M 66
- Y 0
- K 17
CMYK color chart

● #2b48d4 color description : Strong blue.

The hexadecimal color #2b48d4 has RGB values of R:43, G:72, B:212 and CMYK values of C:0.8, M:0.66, Y:0, K:0.17. Its decimal value is 2836692.

Hex triplet	2b48d4	`#2b48d4`
RGB Decimal	43, 72, 212	`rgb(43,72,212)`
RGB Percent	16.9, 28.2, 83.1	`rgb(16.9%,28.2%,83.1%)`
CMYK	80, 66, 0, 17
HSL	229.7°, 66.3, 50	`hsl(229.7,66.3%,50%)`
HSV (or HSB)	229.7°, 79.7, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.664, 40.058, -74.48
XYZ	15.195, 9.901, 63.394
xyY	0.172, 0.112, 9.901
CIE-LCH	37.664, 84.569, 298.273
CIE-LUV	37.664, -12.775, -106.025
Hunter-Lab	31.465, 31.134, -97.427
Binary	00101011, 01001000, 11010100

#2b48d4
```
#2b48d4 rgb(43,72,212)
```
#d4b72b
```
#d4b72b rgb(212,183,43)
```

Complementary Color

#2b9dd4
```
#2b9dd4 rgb(43,157,212)
```
#2b48d4
```
#2b48d4 rgb(43,72,212)
```
#632bd4
```
#632bd4 rgb(99,43,212)
```

Analogous Color

#9dd42b
```
#9dd42b rgb(157,212,43)
```
#2b48d4
```
#2b48d4 rgb(43,72,212)
```
#d4632b
```
#d4632b rgb(212,99,43)
```

Split Complementary Color

#48d42b
```
#48d42b rgb(72,212,43)
```
#2b48d4
```
#2b48d4 rgb(43,72,212)
```
#d42b48
```
#d42b48 rgb(212,43,72)
```

Triadic Color

#2bd4b7
```
#2bd4b7 rgb(43,212,183)
```
#2b48d4
```
#2b48d4 rgb(43,72,212)
```
#d42b48
```
#d42b48 rgb(212,43,72)
```
#d4b72b
```
#d4b72b rgb(212,183,43)
```

Tetradic Color

#1e3294
```
#1e3294 rgb(30,50,148)
```
#223aaa
```
#223aaa rgb(34,58,170)
```
#2741bf
```
#2741bf rgb(39,65,191)
```
#2b48d4
```
#2b48d4 rgb(43,72,212)
```
#405ad8
```
#405ad8 rgb(64,90,216)
```
#556ddd
```
#556ddd rgb(85,109,221)
```
#6b7fe1
```
#6b7fe1 rgb(107,127,225)
```

Monochromatic Color

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

#2b72d4
```
#2b72d4 rgb(43,114,212)
```
#2b64d4
```
#2b64d4 rgb(43,100,212)
```
#2b56d4
```
#2b56d4 rgb(43,86,212)
```
#2b48d4
```
#2b48d4 rgb(43,72,212)
```
#2b3ad4
```
#2b3ad4 rgb(43,58,212)
```
#2b2cd4
```
#2b2cd4 rgb(43,44,212)
```
#382bd4
```
#382bd4 rgb(56,43,212)
```

Similar Colors

Text with hexadecimal color #2b48d4

This text has a font color of #2b48d4.

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

#2b48d4 background color

This paragraph has a background color of #2b48d4.

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

#2b48d4 border color

This element has a border color of #2b48d4.

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

CSS codes

.text {color:#2b48d4;}

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

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

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

#030610
```
#030610 rgb(3,6,16)
```
#070b21
```
#070b21 rgb(7,11,33)
```
#0a1131
```
#0a1131 rgb(10,17,49)
```
#0d1641
```
#0d1641 rgb(13,22,65)
```
#111c52
```
#111c52 rgb(17,28,82)
```
#142162
```
#142162 rgb(20,33,98)
```
#172772
```
#172772 rgb(23,39,114)
```
#1a2c82
```
#1a2c82 rgb(26,44,130)
```
#1e3293
```
#1e3293 rgb(30,50,147)
```
#2137a3
```
#2137a3 rgb(33,55,163)
```
#243db3
```
#243db3 rgb(36,61,179)
```
#2842c4
```
#2842c4 rgb(40,66,196)
```
#2b48d4
```
#2b48d4 rgb(43,72,212)
```

Shade Color Variation

#3b56d7
```
#3b56d7 rgb(59,86,215)
```
#4c64db
```
#4c64db rgb(76,100,219)
```
#5c72de
```
#5c72de rgb(92,114,222)
```
#6c80e1
```
#6c80e1 rgb(108,128,225)
```
#7d8ee5
```
#7d8ee5 rgb(125,142,229)
```
#8d9ce8
```
#8d9ce8 rgb(141,156,232)
```
#9dabeb
```
#9dabeb rgb(157,171,235)
```
#adb9ee
```
#adb9ee rgb(173,185,238)
```
#bec7f2
```
#bec7f2 rgb(190,199,242)
```
#ced5f5
```
#ced5f5 rgb(206,213,245)
```
#dee3f8
```
#dee3f8 rgb(222,227,248)
```
#eff1fc
```
#eff1fc rgb(239,241,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c86 is the less saturated color, while #042efb is the most saturated one.

#797c86
```
#797c86 rgb(121,124,134)
```
#70758f
```
#70758f rgb(112,117,143)
```
#666f99
```
#666f99 rgb(102,111,153)
```
#5c68a3
```
#5c68a3 rgb(92,104,163)
```
#5262ad
```
#5262ad rgb(82,98,173)
```
#485bb7
```
#485bb7 rgb(72,91,183)
```
#3f55c0
```
#3f55c0 rgb(63,85,192)
```
#354eca
```
#354eca rgb(53,78,202)
```
#2b48d4
```
#2b48d4 rgb(43,72,212)
```
#2142de
```
#2142de rgb(33,66,222)
```
#173be8
```
#173be8 rgb(23,59,232)
```
#0e35f1
```
#0e35f1 rgb(14,53,241)
```
#042efb
```
#042efb rgb(4,46,251)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#484e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#0f56c2 Protanomaly 1% of men, 0.01% of women
#0f59b2 Deuteranomaly 6% of men, 0.4% of women
#0f5e94 Tritanomaly 0.01% of the population

#2b48d4 hex color

#2b48d4 Color Information

#2b48d4 Color Conversion

Color Schemes with #2b48d4

Alternatives to #2b48d4

#2b48d4 Preview

Shades and Tints of #2b48d4

Tones of #2b48d4

Color Blindness Simulator