#2054af hex color

In a RGB color space, hex #2054af is composed of 12.5% red, 32.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 52% magenta, 0% yellow and 31.4% black. It has a hue angle of 218.2 degrees, a saturation of 69.1% and a lightness of 40.6%. #2054af color hex could be obtained by blending #40a8ff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 33
- B 69
RGB color chart
- C 82
- M 52
- Y 0
- K 31
CMYK color chart

● #2054af color description : Dark blue.

The hexadecimal color #2054af has RGB values of R:32, G:84, B:175 and CMYK values of C:0.82, M:0.52, Y:0, K:0.31. Its decimal value is 2118831.

Hex triplet	2054af	`#2054af`
RGB Decimal	32, 84, 175	`rgb(32,84,175)`
RGB Percent	12.5, 32.9, 68.6	`rgb(12.5%,32.9%,68.6%)`
CMYK	82, 52, 0, 31
HSL	218.2°, 69.1, 40.6	`hsl(218.2,69.1%,40.6%)`
HSV (or HSB)	218.2°, 81.7, 68.6
Web Safe	336699	`#336699`

CIE-LAB	37.375, 17.249, -53.364
XYZ	11.502, 9.742, 41.829
xyY	0.182, 0.154, 9.742
CIE-LCH	37.375, 56.083, 287.912
CIE-LUV	37.375, -17.168, -77.086
Hunter-Lab	31.212, 11.159, -57.61
Binary	00100000, 01010100, 10101111

#2054af
```
#2054af rgb(32,84,175)
```
#af7b20
```
#af7b20 rgb(175,123,32)
```

Complementary Color

#209caf
```
#209caf rgb(32,156,175)
```
#2054af
```
#2054af rgb(32,84,175)
```
#3420af
```
#3420af rgb(52,32,175)
```

Analogous Color

#9caf20
```
#9caf20 rgb(156,175,32)
```
#2054af
```
#2054af rgb(32,84,175)
```
#af3420
```
#af3420 rgb(175,52,32)
```

Split Complementary Color

#54af20
```
#54af20 rgb(84,175,32)
```
#2054af
```
#2054af rgb(32,84,175)
```
#af2054
```
#af2054 rgb(175,32,84)
```

Triadic Color

#20af7b
```
#20af7b rgb(32,175,123)
```
#2054af
```
#2054af rgb(32,84,175)
```
#af2054
```
#af2054 rgb(175,32,84)
```
#af7b20
```
#af7b20 rgb(175,123,32)
```

Tetradic Color

#14356e
```
#14356e rgb(20,53,110)
```
#183f84
```
#183f84 rgb(24,63,132)
```
#1c4a99
```
#1c4a99 rgb(28,74,153)
```
#2054af
```
#2054af rgb(32,84,175)
```
#245ec5
```
#245ec5 rgb(36,94,197)
```
#2a69d8
```
#2a69d8 rgb(42,105,216)
```
#4078dc
```
#4078dc rgb(64,120,220)
```

Monochromatic Color

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

#2078af
```
#2078af rgb(32,120,175)
```
#206caf
```
#206caf rgb(32,108,175)
```
#2060af
```
#2060af rgb(32,96,175)
```
#2054af
```
#2054af rgb(32,84,175)
```
#2048af
```
#2048af rgb(32,72,175)
```
#203caf
```
#203caf rgb(32,60,175)
```
#2030af
```
#2030af rgb(32,48,175)
```

Similar Colors

Text with hexadecimal color #2054af

This text has a font color of #2054af.

<span style="color:#2054af;">Text here</span>

#2054af background color

This paragraph has a background color of #2054af.

<p style="background-color:#2054af;">Content here</p>

#2054af border color

This element has a border color of #2054af.

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

CSS codes

.text {color:#2054af;}

.background {background-color:#2054af;}

.border {border:1px solid #2054af;}

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 #f8fafe is the lightest one.

#020409
```
#020409 rgb(2,4,9)
```
#050c1a
```
#050c1a rgb(5,12,26)
```
#08142a
```
#08142a rgb(8,20,42)
```
#0b1c3b
```
#0b1c3b rgb(11,28,59)
```
#0e244c
```
#0e244c rgb(14,36,76)
```
#112c5c
```
#112c5c rgb(17,44,92)
```
#14346d
```
#14346d rgb(20,52,109)
```
#173c7d
```
#173c7d rgb(23,60,125)
```
#1a448e
```
#1a448e rgb(26,68,142)
```
#1d4c9e
```
#1d4c9e rgb(29,76,158)
```
#2054af
```
#2054af rgb(32,84,175)
```
#235cc0
```
#235cc0 rgb(35,92,192)
```
#2664d0
```
#2664d0 rgb(38,100,208)
```

Shade Color Variation

#316ed9
```
#316ed9 rgb(49,110,217)
```
#417adc
```
#417adc rgb(65,122,220)
```
#5285df
```
#5285df rgb(82,133,223)
```
#6291e2
```
#6291e2 rgb(98,145,226)
```
#739de5
```
#739de5 rgb(115,157,229)
```
#84a8e8
```
#84a8e8 rgb(132,168,232)
```
#94b4eb
```
#94b4eb rgb(148,180,235)
```
#a5c0ee
```
#a5c0ee rgb(165,192,238)
```
#b5cbf2
```
#b5cbf2 rgb(181,203,242)
```
#c6d7f5
```
#c6d7f5 rgb(198,215,245)
```
#d6e2f8
```
#d6e2f8 rgb(214,226,248)
```
#e7eefb
```
#e7eefb rgb(231,238,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60656f is the less saturated color, while #004bcf is the most saturated one.

#60656f
```
#60656f rgb(96,101,111)
```
#586377
```
#586377 rgb(88,99,119)
```
#50617f
```
#50617f rgb(80,97,127)
```
#485f87
```
#485f87 rgb(72,95,135)
```
#405d8f
```
#405d8f rgb(64,93,143)
```
#385b97
```
#385b97 rgb(56,91,151)
```
#30589f
```
#30589f rgb(48,88,159)
```
#2856a7
```
#2856a7 rgb(40,86,167)
```
#2054af
```
#2054af rgb(32,84,175)
```
#1852b7
```
#1852b7 rgb(24,82,183)
```
#1050bf
```
#1050bf rgb(16,80,191)
```
#084dc7
```
#084dc7 rgb(8,77,199)
```
#004bcf
```
#004bcf rgb(0,75,207)
```

Tone Color Variation

Below, you can see how #2054af 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
#465062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f5db3 Protanopia 1% of men
#0062a1 Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1f5ab2 Protanomaly 1% of men, 0.01% of women
#0b5da6 Deuteranomaly 6% of men, 0.4% of women
#0b6287 Tritanomaly 0.01% of the population

#2054af hex color

#2054af Color Information

#2054af Color Conversion

Color Schemes with #2054af

Alternatives to #2054af

#2054af Preview

Shades and Tints of #2054af

Tones of #2054af

Color Blindness Simulator