#2b48af hex color

In a RGB color space, hex #2b48af is composed of 16.9% red, 28.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 58.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 226.8 degrees, a saturation of 60.6% and a lightness of 42.7%. #2b48af color hex could be obtained by blending #5690ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 28
- B 69
RGB color chart
- C 75
- M 59
- Y 0
- K 31
CMYK color chart

● #2b48af color description : Dark blue.

The hexadecimal color #2b48af has RGB values of R:43, G:72, B:175 and CMYK values of C:0.75, M:0.59, Y:0, K:0.31. Its decimal value is 2836655.

Hex triplet	2b48af	`#2b48af`
RGB Decimal	43, 72, 175	`rgb(43,72,175)`
RGB Percent	16.9, 28.2, 68.6	`rgb(16.9%,28.2%,68.6%)`
CMYK	75, 59, 0, 31
HSL	226.8°, 60.6, 42.7	`hsl(226.8,60.6%,42.7%)`
HSV (or HSB)	226.8°, 75.4, 68.6
Web Safe	333399	`#333399`

CIE-LAB	34.483, 26.429, -58.042
XYZ	11.05, 8.243, 41.564
xyY	0.182, 0.135, 8.243
CIE-LCH	34.483, 63.776, 294.482
CIE-LUV	34.483, -12.299, -81.736
Hunter-Lab	28.71, 18.458, -65.737
Binary	00101011, 01001000, 10101111

#2b48af
```
#2b48af rgb(43,72,175)
```
#af922b
```
#af922b rgb(175,146,43)
```

Complementary Color

#2b8aaf
```
#2b8aaf rgb(43,138,175)
```
#2b48af
```
#2b48af rgb(43,72,175)
```
#502baf
```
#502baf rgb(80,43,175)
```

Analogous Color

#8aaf2b
```
#8aaf2b rgb(138,175,43)
```
#2b48af
```
#2b48af rgb(43,72,175)
```
#af502b
```
#af502b rgb(175,80,43)
```

Split Complementary Color

#48af2b
```
#48af2b rgb(72,175,43)
```
#2b48af
```
#2b48af rgb(43,72,175)
```
#af2b48
```
#af2b48 rgb(175,43,72)
```

Triadic Color

#2baf92
```
#2baf92 rgb(43,175,146)
```
#2b48af
```
#2b48af rgb(43,72,175)
```
#af2b48
```
#af2b48 rgb(175,43,72)
```
#af922b
```
#af922b rgb(175,146,43)
```

Tetradic Color

#1c2f72
```
#1c2f72 rgb(28,47,114)
```
#213786
```
#213786 rgb(33,55,134)
```
#26409b
```
#26409b rgb(38,64,155)
```
#2b48af
```
#2b48af rgb(43,72,175)
```
#3050c3
```
#3050c3 rgb(48,80,195)
```
#3e5ecf
```
#3e5ecf rgb(62,94,207)
```
#526fd4
```
#526fd4 rgb(82,111,212)
```

Monochromatic Color

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

#2b69af
```
#2b69af rgb(43,105,175)
```
#2b5eaf
```
#2b5eaf rgb(43,94,175)
```
#2b53af
```
#2b53af rgb(43,83,175)
```
#2b48af
```
#2b48af rgb(43,72,175)
```
#2b3daf
```
#2b3daf rgb(43,61,175)
```
#2b32af
```
#2b32af rgb(43,50,175)
```
#2f2baf
```
#2f2baf rgb(47,43,175)
```

Similar Colors

Text with hexadecimal color #2b48af

This text has a font color of #2b48af.

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

#2b48af background color

This paragraph has a background color of #2b48af.

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

#2b48af border color

This element has a border color of #2b48af.

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

CSS codes

.text {color:#2b48af;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040712
```
#040712 rgb(4,7,18)
```
#080e21
```
#080e21 rgb(8,14,33)
```
#0c1431
```
#0c1431 rgb(12,20,49)
```
#101b41
```
#101b41 rgb(16,27,65)
```
#142151
```
#142151 rgb(20,33,81)
```
#182860
```
#182860 rgb(24,40,96)
```
#1c2e70
```
#1c2e70 rgb(28,46,112)
```
#1f3580
```
#1f3580 rgb(31,53,128)
```
#233b90
```
#233b90 rgb(35,59,144)
```
#27429f
```
#27429f rgb(39,66,159)
```
#2b48af
```
#2b48af rgb(43,72,175)
```
#2f4ebf
```
#2f4ebf rgb(47,78,191)
```

Shade Color Variation

#3456cd
```
#3456cd rgb(52,86,205)
```
#4463d1
```
#4463d1 rgb(68,99,209)
```
#5470d5
```
#5470d5 rgb(84,112,213)
```
#637dd9
```
#637dd9 rgb(99,125,217)
```
#738add
```
#738add rgb(115,138,221)
```
#8397e0
```
#8397e0 rgb(131,151,224)
```
#93a5e4
```
#93a5e4 rgb(147,165,228)
```
#a2b2e8
```
#a2b2e8 rgb(162,178,232)
```
#b2bfec
```
#b2bfec rgb(178,191,236)
```
#c2ccf0
```
#c2ccf0 rgb(194,204,240)
```
#d2d9f4
```
#d2d9f4 rgb(210,217,244)
```
#e1e6f8
```
#e1e6f8 rgb(225,230,248)
```
#f1f3fc
```
#f1f3fc rgb(241,243,252)
```

Tint Color Variation

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

#666974
```
#666974 rgb(102,105,116)
```
#5d647d
```
#5d647d rgb(93,100,125)
```
#556085
```
#556085 rgb(85,96,133)
```
#4d5b8d
```
#4d5b8d rgb(77,91,141)
```
#445696
```
#445696 rgb(68,86,150)
```
#3c519e
```
#3c519e rgb(60,81,158)
```
#334da7
```
#334da7 rgb(51,77,167)
```
#2b48af
```
#2b48af rgb(43,72,175)
```
#2343b7
```
#2343b7 rgb(35,67,183)
```
#1a3fc0
```
#1a3fc0 rgb(26,63,192)
```
#123ac8
```
#123ac8 rgb(18,58,200)
```
#0935d1
```
#0935d1 rgb(9,53,209)
```
#0130d9
```
#0130d9 rgb(1,48,217)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057ab Protanopia 1% of men
#005c95 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0f51ac Protanomaly 1% of men, 0.01% of women
#0f549e Deuteranomaly 6% of men, 0.4% of women
#0f5982 Tritanomaly 0.01% of the population

#2b48af hex color

#2b48af Color Information

#2b48af Color Conversion

Color Schemes with #2b48af

Alternatives to #2b48af

#2b48af Preview

Shades and Tints of #2b48af

Tones of #2b48af

Color Blindness Simulator