#2048ff hex color

In a RGB color space, hex #2048ff is composed of 12.5% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 229.2 degrees, a saturation of 100% and a lightness of 56.3%. #2048ff color hex could be obtained by blending #4090ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 28
- B 100
RGB color chart
- C 87
- M 72
- Y 0
- K 0
CMYK color chart

● #2048ff color description : Vivid blue.

The hexadecimal color #2048ff has RGB values of R:32, G:72, B:255 and CMYK values of C:0.87, M:0.72, Y:0, K:0. Its decimal value is 2115839.

Hex triplet	2048ff	`#2048ff`
RGB Decimal	32, 72, 255	`rgb(32,72,255)`
RGB Percent	12.5, 28.2, 100	`rgb(12.5%,28.2%,100%)`
CMYK	87, 72, 0, 0
HSL	229.2°, 100, 56.3	`hsl(229.2,100%,56.3%)`
HSV (or HSB)	229.2°, 87.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.47, 54.362, -92.59
XYZ	20.959, 12.16, 95.845
xyY	0.163, 0.094, 12.16
CIE-LCH	41.47, 107.369, 300.419
CIE-LUV	41.47, -14.586, -132.293
Hunter-Lab	34.871, 46.262, -138.55
Binary	00100000, 01001000, 11111111

#2048ff
```
#2048ff rgb(32,72,255)
```
#ffd720
```
#ffd720 rgb(255,215,32)
```

Complementary Color

#20b8ff
```
#20b8ff rgb(32,184,255)
```
#2048ff
```
#2048ff rgb(32,72,255)
```
#6820ff
```
#6820ff rgb(104,32,255)
```

Analogous Color

#b8ff20
```
#b8ff20 rgb(184,255,32)
```
#2048ff
```
#2048ff rgb(32,72,255)
```
#ff6820
```
#ff6820 rgb(255,104,32)
```

Split Complementary Color

#48ff20
```
#48ff20 rgb(72,255,32)
```
#2048ff
```
#2048ff rgb(32,72,255)
```
#ff2048
```
#ff2048 rgb(255,32,72)
```

Triadic Color

#20ffd7
```
#20ffd7 rgb(32,255,215)
```
#2048ff
```
#2048ff rgb(32,72,255)
```
#ff2048
```
#ff2048 rgb(255,32,72)
```
#ffd720
```
#ffd720 rgb(255,215,32)
```

Tetradic Color

#0026d3
```
#0026d3 rgb(0,38,211)
```
#002aec
```
#002aec rgb(0,42,236)
```
#0633ff
```
#0633ff rgb(6,51,255)
```
#2048ff
```
#2048ff rgb(32,72,255)
```
#3a5dff
```
#3a5dff rgb(58,93,255)
```
#5372ff
```
#5372ff rgb(83,114,255)
```
#6d87ff
```
#6d87ff rgb(109,135,255)
```

Monochromatic Color

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

#2080ff
```
#2080ff rgb(32,128,255)
```
#206dff
```
#206dff rgb(32,109,255)
```
#205bff
```
#205bff rgb(32,91,255)
```
#2048ff
```
#2048ff rgb(32,72,255)
```
#2035ff
```
#2035ff rgb(32,53,255)
```
#2023ff
```
#2023ff rgb(32,35,255)
```
#3020ff
```
#3020ff rgb(48,32,255)
```

Similar Colors

Text with hexadecimal color #2048ff

This text has a font color of #2048ff.

<span style="color:#2048ff;">Text here</span>

#2048ff background color

This paragraph has a background color of #2048ff.

<p style="background-color:#2048ff;">Content here</p>

#2048ff border color

This element has a border color of #2048ff.

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

CSS codes

.text {color:#2048ff;}

.background {background-color:#2048ff;}

.border {border:1px solid #2048ff;}

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, #00020c is the darkest color, while #f8f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#000620
```
#000620 rgb(0,6,32)
```
#000934
```
#000934 rgb(0,9,52)
```
#000d47
```
#000d47 rgb(0,13,71)
```
#00105b
```
#00105b rgb(0,16,91)
```
#00146e
```
#00146e rgb(0,20,110)
```
#001782
```
#001782 rgb(0,23,130)
```
#001b96
```
#001b96 rgb(0,27,150)
```
#001ea9
```
#001ea9 rgb(0,30,169)
```
#0022bd
```
#0022bd rgb(0,34,189)
```
#0025d1
```
#0025d1 rgb(0,37,209)
```
#0029e4
```
#0029e4 rgb(0,41,228)
```
#002cf8
```
#002cf8 rgb(0,44,248)
```

Shade Color Variation

#0c38ff
```
#0c38ff rgb(12,56,255)
```
#2048ff
```
#2048ff rgb(32,72,255)
```
#3458ff
```
#3458ff rgb(52,88,255)
```
#4768ff
```
#4768ff rgb(71,104,255)
```
#5b78ff
```
#5b78ff rgb(91,120,255)
```
#6e88ff
```
#6e88ff rgb(110,136,255)
```
#8298ff
```
#8298ff rgb(130,152,255)
```
#96a9ff
```
#96a9ff rgb(150,169,255)
```
#a9b9ff
```
#a9b9ff rgb(169,185,255)
```
#bdc9ff
```
#bdc9ff rgb(189,201,255)
```
#d1d9ff
```
#d1d9ff rgb(209,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878a98 is the less saturated color, while #2048ff is the most saturated one.

#878a98
```
#878a98 rgb(135,138,152)
```
#7e85a1
```
#7e85a1 rgb(126,133,161)
```
#767fa9
```
#767fa9 rgb(118,127,169)
```
#6d7ab2
```
#6d7ab2 rgb(109,122,178)
```
#6574ba
```
#6574ba rgb(101,116,186)
```
#5c6fc3
```
#5c6fc3 rgb(92,111,195)
```
#5369cc
```
#5369cc rgb(83,105,204)
```
#4b64d4
```
#4b64d4 rgb(75,100,212)
```
#425edd
```
#425edd rgb(66,94,221)
```
#3a59e5
```
#3a59e5 rgb(58,89,229)
```
#3153ee
```
#3153ee rgb(49,83,238)
```
#294ef6
```
#294ef6 rgb(41,78,246)
```
#2048ff
```
#2048ff rgb(32,72,255)
```

Tone Color Variation

Below, you can see how #2048ff 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
#474f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#0b5bdc Protanomaly 1% of men, 0.01% of women
#0b5fcb Deuteranomaly 6% of men, 0.4% of women
#0b64aa Tritanomaly 0.01% of the population

#2048ff hex color

#2048ff Color Information

#2048ff Color Conversion

Color Schemes with #2048ff

Alternatives to #2048ff

#2048ff Preview

Shades and Tints of #2048ff

Tones of #2048ff

Color Blindness Simulator