#2054cf hex color

In a RGB color space, hex #2054cf is composed of 12.5% red, 32.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 59.4% magenta, 0% yellow and 18.8% black. It has a hue angle of 222.2 degrees, a saturation of 73.2% and a lightness of 46.9%. #2054cf color hex could be obtained by blending #40a8ff with #00009f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 33
- B 81
RGB color chart
- C 85
- M 59
- Y 0
- K 19
CMYK color chart

● #2054cf color description : Strong blue.

The hexadecimal color #2054cf has RGB values of R:32, G:84, B:207 and CMYK values of C:0.85, M:0.59, Y:0, K:0.19. Its decimal value is 2118863.

Hex triplet	2054cf	`#2054cf`
RGB Decimal	32, 84, 207	`rgb(32,84,207)`
RGB Percent	12.5, 32.9, 81.2	`rgb(12.5%,32.9%,81.2%)`
CMYK	85, 59, 0, 19
HSL	222.2°, 73.2, 46.9	`hsl(222.2,73.2%,46.9%)`
HSV (or HSB)	222.2°, 84.5, 81.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.835, 29.692, -68.055
XYZ	15.026, 11.152, 60.389
xyY	0.174, 0.129, 11.152
CIE-LCH	39.835, 74.25, 293.571
CIE-LUV	39.835, -16.817, -99.533
Hunter-Lab	33.394, 21.879, -83.843
Binary	00100000, 01010100, 11001111

#2054cf
```
#2054cf rgb(32,84,207)
```
#cf9b20
```
#cf9b20 rgb(207,155,32)
```

Complementary Color

#20accf
```
#20accf rgb(32,172,207)
```
#2054cf
```
#2054cf rgb(32,84,207)
```
#4320cf
```
#4320cf rgb(67,32,207)
```

Analogous Color

#accf20
```
#accf20 rgb(172,207,32)
```
#2054cf
```
#2054cf rgb(32,84,207)
```
#cf4320
```
#cf4320 rgb(207,67,32)
```

Split Complementary Color

#54cf20
```
#54cf20 rgb(84,207,32)
```
#2054cf
```
#2054cf rgb(32,84,207)
```
#cf2054
```
#cf2054 rgb(207,32,84)
```

Triadic Color

#20cf9b
```
#20cf9b rgb(32,207,155)
```
#2054cf
```
#2054cf rgb(32,84,207)
```
#cf2054
```
#cf2054 rgb(207,32,84)
```
#cf9b20
```
#cf9b20 rgb(207,155,32)
```

Tetradic Color

#16398d
```
#16398d rgb(22,57,141)
```
#1942a3
```
#1942a3 rgb(25,66,163)
```
#1d4bb9
```
#1d4bb9 rgb(29,75,185)
```
#2054cf
```
#2054cf rgb(32,84,207)
```
#2a60de
```
#2a60de rgb(42,96,222)
```
#4070e2
```
#4070e2 rgb(64,112,226)
```
#5781e5
```
#5781e5 rgb(87,129,229)
```

Monochromatic Color

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

#2080cf
```
#2080cf rgb(32,128,207)
```
#2071cf
```
#2071cf rgb(32,113,207)
```
#2063cf
```
#2063cf rgb(32,99,207)
```
#2054cf
```
#2054cf rgb(32,84,207)
```
#2045cf
```
#2045cf rgb(32,69,207)
```
#2037cf
```
#2037cf rgb(32,55,207)
```
#2028cf
```
#2028cf rgb(32,40,207)
```

Similar Colors

Text with hexadecimal color #2054cf

This text has a font color of #2054cf.

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

#2054cf background color

This paragraph has a background color of #2054cf.

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

#2054cf border color

This element has a border color of #2054cf.

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

CSS codes

.text {color:#2054cf;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030814
```
#030814 rgb(3,8,20)
```
#060f25
```
#060f25 rgb(6,15,37)
```
#081636
```
#081636 rgb(8,22,54)
```
#0b1d47
```
#0b1d47 rgb(11,29,71)
```
#0e2458
```
#0e2458 rgb(14,36,88)
```
#102b69
```
#102b69 rgb(16,43,105)
```
#13327a
```
#13327a rgb(19,50,122)
```
#15388b
```
#15388b rgb(21,56,139)
```
#183f9c
```
#183f9c rgb(24,63,156)
```
#1b46ad
```
#1b46ad rgb(27,70,173)
```
#1d4dbe
```
#1d4dbe rgb(29,77,190)
```
#2054cf
```
#2054cf rgb(32,84,207)
```

Shade Color Variation

#255cdd
```
#255cdd rgb(37,92,221)
```
#3669e0
```
#3669e0 rgb(54,105,224)
```
#4775e3
```
#4775e3 rgb(71,117,227)
```
#5882e5
```
#5882e5 rgb(88,130,229)
```
#698fe8
```
#698fe8 rgb(105,143,232)
```
#7a9cea
```
#7a9cea rgb(122,156,234)
```
#8ba8ed
```
#8ba8ed rgb(139,168,237)
```
#9cb5f0
```
#9cb5f0 rgb(156,181,240)
```
#adc2f2
```
#adc2f2 rgb(173,194,242)
```
#becef5
```
#becef5 rgb(190,206,245)
```
#cfdbf8
```
#cfdbf8 rgb(207,219,248)
```
#e0e8fa
```
#e0e8fa rgb(224,232,250)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```

Tint Color Variation

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

#73767c
```
#73767c rgb(115,118,124)
```
#6a7285
```
#6a7285 rgb(106,114,133)
```
#606e8f
```
#606e8f rgb(96,110,143)
```
#576a98
```
#576a98 rgb(87,106,152)
```
#4e67a1
```
#4e67a1 rgb(78,103,161)
```
#4563aa
```
#4563aa rgb(69,99,170)
```
#3c5fb3
```
#3c5fb3 rgb(60,95,179)
```
#325bbd
```
#325bbd rgb(50,91,189)
```
#2958c6
```
#2958c6 rgb(41,88,198)
```
#2054cf
```
#2054cf rgb(32,84,207)
```
#1750d8
```
#1750d8 rgb(23,80,216)
```
#0e4de1
```
#0e4de1 rgb(14,77,225)
```
#0449eb
```
#0449eb rgb(4,73,235)
```

Tone Color Variation

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

Dichromacy

#0063c1 Protanopia 1% of men
#0068a9 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0b5dc6 Protanomaly 1% of men, 0.01% of women
#0b61b6 Deuteranomaly 6% of men, 0.4% of women
#0b6696 Tritanomaly 0.01% of the population

#2054cf hex color

#2054cf Color Information

#2054cf Color Conversion

Color Schemes with #2054cf

Alternatives to #2054cf

#2054cf Preview

Shades and Tints of #2054cf

Tones of #2054cf

Color Blindness Simulator