#2b54a4 hex color

In a RGB color space, hex #2b54a4 is composed of 16.9% red, 32.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 48.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 219.7 degrees, a saturation of 58.5% and a lightness of 40.6%. #2b54a4 color hex could be obtained by blending #56a8ff with #000049. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 33
- B 64
RGB color chart
- C 74
- M 49
- Y 0
- K 36
CMYK color chart

● #2b54a4 color description : Dark blue.

The hexadecimal color #2b54a4 has RGB values of R:43, G:84, B:164 and CMYK values of C:0.74, M:0.49, Y:0, K:0.36. Its decimal value is 2839716.

Hex triplet	2b54a4	`#2b54a4`
RGB Decimal	43, 84, 164	`rgb(43,84,164)`
RGB Percent	16.9, 32.9, 64.3	`rgb(16.9%,32.9%,64.3%)`
CMYK	74, 49, 0, 36
HSL	219.7°, 58.5, 40.6	`hsl(219.7,58.5%,40.6%)`
HSV (or HSB)	219.7°, 73.8, 64.3
Web Safe	336699	`#336699`

CIE-LAB	36.992, 14.253, -47.425
XYZ	10.866, 9.534, 36.387
xyY	0.191, 0.168, 9.534
CIE-LCH	36.992, 49.52, 286.728
CIE-LUV	36.992, -15.678, -68.35
Hunter-Lab	30.877, 8.782, -48.258
Binary	00101011, 01010100, 10100100

#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#a47b2b
```
#a47b2b rgb(164,123,43)
```

Complementary Color

#2b91a4
```
#2b91a4 rgb(43,145,164)
```
#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#3f2ba4
```
#3f2ba4 rgb(63,43,164)
```

Analogous Color

#91a42b
```
#91a42b rgb(145,164,43)
```
#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#a43f2b
```
#a43f2b rgb(164,63,43)
```

Split Complementary Color

#54a42b
```
#54a42b rgb(84,164,43)
```
#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#a42b54
```
#a42b54 rgb(164,43,84)
```

Triadic Color

#2ba47b
```
#2ba47b rgb(43,164,123)
```
#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#a42b54
```
#a42b54 rgb(164,43,84)
```
#a47b2b
```
#a47b2b rgb(164,123,43)
```

Tetradic Color

#1b3567
```
#1b3567 rgb(27,53,103)
```
#203f7c
```
#203f7c rgb(32,63,124)
```
#264a90
```
#264a90 rgb(38,74,144)
```
#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#305eb8
```
#305eb8 rgb(48,94,184)
```
#3769cb
```
#3769cb rgb(55,105,203)
```
#4c78d0
```
#4c78d0 rgb(76,120,208)
```

Monochromatic Color

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

#2b72a4
```
#2b72a4 rgb(43,114,164)
```
#2b68a4
```
#2b68a4 rgb(43,104,164)
```
#2b5ea4
```
#2b5ea4 rgb(43,94,164)
```
#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#2b4aa4
```
#2b4aa4 rgb(43,74,164)
```
#2b40a4
```
#2b40a4 rgb(43,64,164)
```
#2b36a4
```
#2b36a4 rgb(43,54,164)
```

Similar Colors

Text with hexadecimal color #2b54a4

This text has a font color of #2b54a4.

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

#2b54a4 background color

This paragraph has a background color of #2b54a4.

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

#2b54a4 border color

This element has a border color of #2b54a4.

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

CSS codes

.text {color:#2b54a4;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#060c18
```
#060c18 rgb(6,12,24)
```
#0a1428
```
#0a1428 rgb(10,20,40)
```
#0e1c37
```
#0e1c37 rgb(14,28,55)
```
#132447
```
#132447 rgb(19,36,71)
```
#172c56
```
#172c56 rgb(23,44,86)
```
#1b3466
```
#1b3466 rgb(27,52,102)
```
#1f3c75
```
#1f3c75 rgb(31,60,117)
```
#234485
```
#234485 rgb(35,68,133)
```
#274c94
```
#274c94 rgb(39,76,148)
```
#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#2f5cb4
```
#2f5cb4 rgb(47,92,180)
```
#3364c3
```
#3364c3 rgb(51,100,195)
```

Shade Color Variation

#3e6ecc
```
#3e6ecc rgb(62,110,204)
```
#4d7ad0
```
#4d7ad0 rgb(77,122,208)
```
#5d85d4
```
#5d85d4 rgb(93,133,212)
```
#6c91d9
```
#6c91d9 rgb(108,145,217)
```
#7c9ddd
```
#7c9ddd rgb(124,157,221)
```
#8ba8e1
```
#8ba8e1 rgb(139,168,225)
```
#9bb4e5
```
#9bb4e5 rgb(155,180,229)
```
#aac0e9
```
#aac0e9 rgb(170,192,233)
```
#bacbed
```
#bacbed rgb(186,203,237)
```
#c9d7f1
```
#c9d7f1 rgb(201,215,241)
```
#d9e2f5
```
#d9e2f5 rgb(217,226,245)
```
#e9eef9
```
#e9eef9 rgb(233,238,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63666c is the less saturated color, while #0347cc is the most saturated one.

#63666c
```
#63666c rgb(99,102,108)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#53617c
```
#53617c rgb(83,97,124)
```
#4b5e84
```
#4b5e84 rgb(75,94,132)
```
#435c8c
```
#435c8c rgb(67,92,140)
```
#3b5994
```
#3b5994 rgb(59,89,148)
```
#33579c
```
#33579c rgb(51,87,156)
```
#2b54a4
```
#2b54a4 rgb(43,84,164)
```
#2351ac
```
#2351ac rgb(35,81,172)
```
#1b4fb4
```
#1b4fb4 rgb(27,79,180)
```
#134cbc
```
#134cbc rgb(19,76,188)
```
#0b4ac4
```
#0b4ac4 rgb(11,74,196)
```
#0347cc
```
#0347cc rgb(3,71,204)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#495262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#325da9 Protanopia 1% of men
#0061a1 Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#2f59a7 Protanomaly 1% of men, 0.01% of women
#0f5ca2 Deuteranomaly 6% of men, 0.4% of women
#0f6182 Tritanomaly 0.01% of the population

#2b54a4 hex color

#2b54a4 Color Information

#2b54a4 Color Conversion

Color Schemes with #2b54a4

Alternatives to #2b54a4

#2b54a4 Preview

Shades and Tints of #2b54a4

Tones of #2b54a4

Color Blindness Simulator