#2054f7 hex color

In a RGB color space, hex #2054f7 is composed of 12.5% red, 32.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 66% magenta, 0% yellow and 3.1% black. It has a hue angle of 225.5 degrees, a saturation of 93.1% and a lightness of 54.7%. #2054f7 color hex could be obtained by blending #40a8ff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 13
- G 33
- B 97
RGB color chart
- C 87
- M 66
- Y 0
- K 3
CMYK color chart

● #2054f7 color description : Vivid blue.

The hexadecimal color #2054f7 has RGB values of R:32, G:84, B:247 and CMYK values of C:0.87, M:0.66, Y:0, K:0.03. Its decimal value is 2118903.

Hex triplet	2054f7	`#2054f7`
RGB Decimal	32, 84, 247	`rgb(32,84,247)`
RGB Percent	12.5, 32.9, 96.9	`rgb(12.5%,32.9%,96.9%)`
CMYK	87, 66, 0, 3
HSL	225.5°, 93.1, 54.7	`hsl(225.5,93.1%,54.7%)`
HSV (or HSB)	225.5°, 87, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.303, 44.485, -85.093
XYZ	20.551, 13.361, 89.486
xyY	0.167, 0.108, 13.361
CIE-LCH	43.303, 96.019, 297.6
CIE-LUV	43.303, -16.822, -125.331
Hunter-Lab	36.553, 36.388, -119.561
Binary	00100000, 01010100, 11110111

#2054f7
```
#2054f7 rgb(32,84,247)
```
#f7c320
```
#f7c320 rgb(247,195,32)
```

Complementary Color

#20c0f7
```
#20c0f7 rgb(32,192,247)
```
#2054f7
```
#2054f7 rgb(32,84,247)
```
#5820f7
```
#5820f7 rgb(88,32,247)
```

Analogous Color

#c0f720
```
#c0f720 rgb(192,247,32)
```
#2054f7
```
#2054f7 rgb(32,84,247)
```
#f75820
```
#f75820 rgb(247,88,32)
```

Split Complementary Color

#54f720
```
#54f720 rgb(84,247,32)
```
#2054f7
```
#2054f7 rgb(32,84,247)
```
#f72054
```
#f72054 rgb(247,32,84)
```

Triadic Color

#20f7c3
```
#20f7c3 rgb(32,247,195)
```
#2054f7
```
#2054f7 rgb(32,84,247)
```
#f72054
```
#f72054 rgb(247,32,84)
```
#f7c320
```
#f7c320 rgb(247,195,32)
```

Tetradic Color

#0735c3
```
#0735c3 rgb(7,53,195)
```
#083bdc
```
#083bdc rgb(8,59,220)
```
#0942f5
```
#0942f5 rgb(9,66,245)
```
#2054f7
```
#2054f7 rgb(32,84,247)
```
#3967f8
```
#3967f8 rgb(57,103,248)
```
#517af9
```
#517af9 rgb(81,122,249)
```
#6a8dfa
```
#6a8dfa rgb(106,141,250)
```

Monochromatic Color

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

#208af7
```
#208af7 rgb(32,138,247)
```
#2078f7
```
#2078f7 rgb(32,120,247)
```
#2066f7
```
#2066f7 rgb(32,102,247)
```
#2054f7
```
#2054f7 rgb(32,84,247)
```
#2042f7
```
#2042f7 rgb(32,66,247)
```
#2030f7
```
#2030f7 rgb(32,48,247)
```
#2220f7
```
#2220f7 rgb(34,32,247)
```

Similar Colors

Text with hexadecimal color #2054f7

This text has a font color of #2054f7.

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

#2054f7 background color

This paragraph has a background color of #2054f7.

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

#2054f7 border color

This element has a border color of #2054f7.

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

CSS codes

.text {color:#2054f7;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010617
```
#010617 rgb(1,6,23)
```
#020b2a
```
#020b2a rgb(2,11,42)
```
#02103d
```
#02103d rgb(2,16,61)
```
#031650
```
#031650 rgb(3,22,80)
```
#041b63
```
#041b63 rgb(4,27,99)
```
#042076
```
#042076 rgb(4,32,118)
```
#052589
```
#052589 rgb(5,37,137)
```
#062a9c
```
#062a9c rgb(6,42,156)
```
#062faf
```
#062faf rgb(6,47,175)
```
#0734c2
```
#0734c2 rgb(7,52,194)
```
#0839d5
```
#0839d5 rgb(8,57,213)
```
#083ee7
```
#083ee7 rgb(8,62,231)
```

Shade Color Variation

#0d45f6
```
#0d45f6 rgb(13,69,246)
```
#2054f7
```
#2054f7 rgb(32,84,247)
```
#3363f8
```
#3363f8 rgb(51,99,248)
```
#4671f8
```
#4671f8 rgb(70,113,248)
```
#5980f9
```
#5980f9 rgb(89,128,249)
```
#6c8efa
```
#6c8efa rgb(108,142,250)
```
#7f9dfa
```
#7f9dfa rgb(127,157,250)
```
#92abfb
```
#92abfb rgb(146,171,251)
```
#a5bafc
```
#a5bafc rgb(165,186,252)
```
#b7c8fc
```
#b7c8fc rgb(183,200,252)
```
#cad7fd
```
#cad7fd rgb(202,215,253)
```
#dde5fe
```
#dde5fe rgb(221,229,254)
```
#f0f4fe
```
#f0f4fe rgb(240,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b8c is the less saturated color, while #2054f7 is the most saturated one.

#8b8b8c
```
#8b8b8c rgb(139,139,140)
```
#828695
```
#828695 rgb(130,134,149)
```
#79829e
```
#79829e rgb(121,130,158)
```
#707da7
```
#707da7 rgb(112,125,167)
```
#6779b0
```
#6779b0 rgb(103,121,176)
```
#5e74b9
```
#5e74b9 rgb(94,116,185)
```
#5570c2
```
#5570c2 rgb(85,112,194)
```
#4c6bcb
```
#4c6bcb rgb(76,107,203)
```
#4466d3
```
#4466d3 rgb(68,102,211)
```
#3b62dc
```
#3b62dc rgb(59,98,220)
```
#325de5
```
#325de5 rgb(50,93,229)
```
#2959ee
```
#2959ee rgb(41,89,238)
```
#2054f7
```
#2054f7 rgb(32,84,247)
```

Tone Color Variation

Below, you can see how #2054f7 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

#575757 Achromatopsia 0.005% of the population
#4c5677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd0 Protanopia 1% of men
#0071b4 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0b62de Protanomaly 1% of men, 0.01% of women
#0b66cc Deuteranomaly 6% of men, 0.4% of women
#0b6baa Tritanomaly 0.01% of the population

#2054f7 hex color

#2054f7 Color Information

#2054f7 Color Conversion

Color Schemes with #2054f7

Alternatives to #2054f7

#2054f7 Preview

Shades and Tints of #2054f7

Tones of #2054f7

Color Blindness Simulator