#2b54ae hex color

In a RGB color space, hex #2b54ae is composed of 16.9% red, 32.9% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 51.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 221.2 degrees, a saturation of 60.4% and a lightness of 42.5%. #2b54ae color hex could be obtained by blending #56a8ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 33
- B 68
RGB color chart
- C 75
- M 52
- Y 0
- K 32
CMYK color chart

● #2b54ae color description : Dark blue.

The hexadecimal color #2b54ae has RGB values of R:43, G:84, B:174 and CMYK values of C:0.75, M:0.52, Y:0, K:0.32. Its decimal value is 2839726.

Hex triplet	2b54ae	`#2b54ae`
RGB Decimal	43, 84, 174	`rgb(43,84,174)`
RGB Percent	16.9, 32.9, 68.2	`rgb(16.9%,32.9%,68.2%)`
CMYK	75, 52, 0, 32
HSL	221.2°, 60.4, 42.5	`hsl(221.2,60.4%,42.5%)`
HSV (or HSB)	221.2°, 75.3, 68.2
Web Safe	336699	`#336699`

CIE-LAB	37.679, 18.09, -52.263
XYZ	11.805, 9.909, 41.333
xyY	0.187, 0.157, 9.909
CIE-LCH	37.679, 55.305, 289.092
CIE-LUV	37.679, -15.593, -75.824
Hunter-Lab	31.479, 11.85, -55.813
Binary	00101011, 01010100, 10101110

#2b54ae
```
#2b54ae rgb(43,84,174)
```
#ae852b
```
#ae852b rgb(174,133,43)
```

Complementary Color

#2b96ae
```
#2b96ae rgb(43,150,174)
```
#2b54ae
```
#2b54ae rgb(43,84,174)
```
#442bae
```
#442bae rgb(68,43,174)
```

Analogous Color

#96ae2b
```
#96ae2b rgb(150,174,43)
```
#2b54ae
```
#2b54ae rgb(43,84,174)
```
#ae442b
```
#ae442b rgb(174,68,43)
```

Split Complementary Color

#54ae2b
```
#54ae2b rgb(84,174,43)
```
#2b54ae
```
#2b54ae rgb(43,84,174)
```
#ae2b54
```
#ae2b54 rgb(174,43,84)
```

Triadic Color

#2bae85
```
#2bae85 rgb(43,174,133)
```
#2b54ae
```
#2b54ae rgb(43,84,174)
```
#ae2b54
```
#ae2b54 rgb(174,43,84)
```
#ae852b
```
#ae852b rgb(174,133,43)
```

Tetradic Color

#1c3671
```
#1c3671 rgb(28,54,113)
```
#214085
```
#214085 rgb(33,64,133)
```
#264a9a
```
#264a9a rgb(38,74,154)
```
#2b54ae
```
#2b54ae rgb(43,84,174)
```
#305ec2
```
#305ec2 rgb(48,94,194)
```
#3d6bcf
```
#3d6bcf rgb(61,107,207)
```
#517ad4
```
#517ad4 rgb(81,122,212)
```

Monochromatic Color

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

#2b75ae
```
#2b75ae rgb(43,117,174)
```
#2b6aae
```
#2b6aae rgb(43,106,174)
```
#2b5fae
```
#2b5fae rgb(43,95,174)
```
#2b54ae
```
#2b54ae rgb(43,84,174)
```
#2b49ae
```
#2b49ae rgb(43,73,174)
```
#2b3eae
```
#2b3eae rgb(43,62,174)
```
#2b33ae
```
#2b33ae rgb(43,51,174)
```

Similar Colors

Text with hexadecimal color #2b54ae

This text has a font color of #2b54ae.

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

#2b54ae background color

This paragraph has a background color of #2b54ae.

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

#2b54ae border color

This element has a border color of #2b54ae.

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

CSS codes

.text {color:#2b54ae;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040811
```
#040811 rgb(4,8,17)
```
#081020
```
#081020 rgb(8,16,32)
```
#0c1730
```
#0c1730 rgb(12,23,48)
```
#101f40
```
#101f40 rgb(16,31,64)
```
#142650
```
#142650 rgb(20,38,80)
```
#182e5f
```
#182e5f rgb(24,46,95)
```
#1b366f
```
#1b366f rgb(27,54,111)
```
#1f3d7f
```
#1f3d7f rgb(31,61,127)
```
#23458f
```
#23458f rgb(35,69,143)
```
#274c9e
```
#274c9e rgb(39,76,158)
```
#2b54ae
```
#2b54ae rgb(43,84,174)
```
#2f5cbe
```
#2f5cbe rgb(47,92,190)
```

Shade Color Variation

#3463cd
```
#3463cd rgb(52,99,205)
```
#436fd1
```
#436fd1 rgb(67,111,209)
```
#537cd4
```
#537cd4 rgb(83,124,212)
```
#6388d8
```
#6388d8 rgb(99,136,216)
```
#7294dc
```
#7294dc rgb(114,148,220)
```
#82a0e0
```
#82a0e0 rgb(130,160,224)
```
#92ace4
```
#92ace4 rgb(146,172,228)
```
#a2b8e8
```
#a2b8e8 rgb(162,184,232)
```
#b1c4ec
```
#b1c4ec rgb(177,196,236)
```
#c1d0f0
```
#c1d0f0 rgb(193,208,240)
```
#d1dcf4
```
#d1dcf4 rgb(209,220,244)
```
#e1e8f7
```
#e1e8f7 rgb(225,232,247)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656a74 is the less saturated color, while #0144d8 is the most saturated one.

#656a74
```
#656a74 rgb(101,106,116)
```
#5d677c
```
#5d677c rgb(93,103,124)
```
#556484
```
#556484 rgb(85,100,132)
```
#4c608d
```
#4c608d rgb(76,96,141)
```
#445d95
```
#445d95 rgb(68,93,149)
```
#3c5a9d
```
#3c5a9d rgb(60,90,157)
```
#3357a6
```
#3357a6 rgb(51,87,166)
```
#2b54ae
```
#2b54ae rgb(43,84,174)
```
#2351b6
```
#2351b6 rgb(35,81,182)
```
#1a4ebf
```
#1a4ebf rgb(26,78,191)
```
#124bc7
```
#124bc7 rgb(18,75,199)
```
#0a48cf
```
#0a48cf rgb(10,72,207)
```
#0144d8
```
#0144d8 rgb(1,68,216)
```

Tone Color Variation

Below, you can see how #2b54ae 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
#4a5264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#245eb3 Protanopia 1% of men
#0063a3 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#265ab1 Protanomaly 1% of men, 0.01% of women
#0f5da7 Deuteranomaly 6% of men, 0.4% of women
#0f6287 Tritanomaly 0.01% of the population

#2b54ae hex color

#2b54ae Color Information

#2b54ae Color Conversion

Color Schemes with #2b54ae

Alternatives to #2b54ae

#2b54ae Preview

Shades and Tints of #2b54ae

Tones of #2b54ae

Color Blindness Simulator