#488fe5 hex color

In a RGB color space, hex #488fe5 is composed of 28.2% red, 56.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 37.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 212.9 degrees, a saturation of 75.1% and a lightness of 59%. #488fe5 color hex could be obtained by blending #90ffff with #001fcb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 56
- B 90
RGB color chart
- C 69
- M 38
- Y 0
- K 10
CMYK color chart

● #488fe5 color description : Soft blue.

The hexadecimal color #488fe5 has RGB values of R:72, G:143, B:229 and CMYK values of C:0.69, M:0.38, Y:0, K:0.1. Its decimal value is 4755429.

Hex triplet	488fe5	`#488fe5`
RGB Decimal	72, 143, 229	`rgb(72,143,229)`
RGB Percent	28.2, 56.1, 89.8	`rgb(28.2%,56.1%,89.8%)`
CMYK	69, 38, 0, 10
HSL	212.9°, 75.1, 59	`hsl(212.9,75.1%,59%)`
HSV (or HSB)	212.9°, 68.6, 89.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.675, 5.319, -50.105
XYZ	26.635, 26.678, 77.87
xyY	0.203, 0.203, 26.678
CIE-LCH	58.675, 50.386, 276.06
CIE-LUV	58.675, -27.856, -79.919
Hunter-Lab	51.651, 1.658, -53.232
Binary	01001000, 10001111, 11100101

#488fe5
```
#488fe5 rgb(72,143,229)
```
#e59e48
```
#e59e48 rgb(229,158,72)
```

Complementary Color

#48dee5
```
#48dee5 rgb(72,222,229)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```
#4f48e5
```
#4f48e5 rgb(79,72,229)
```

Analogous Color

#dee548
```
#dee548 rgb(222,229,72)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```
#e54f48
```
#e54f48 rgb(229,79,72)
```

Split Complementary Color

#8fe548
```
#8fe548 rgb(143,229,72)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```
#e5488f
```
#e5488f rgb(229,72,143)
```

Triadic Color

#48e59e
```
#48e59e rgb(72,229,158)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```
#e5488f
```
#e5488f rgb(229,72,143)
```
#e59e48
```
#e59e48 rgb(229,158,72)
```

Tetradic Color

#1c68c5
```
#1c68c5 rgb(28,104,197)
```
#1f74db
```
#1f74db rgb(31,116,219)
```
#3281e2
```
#3281e2 rgb(50,129,226)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```
#5e9de8
```
#5e9de8 rgb(94,157,232)
```
#75aaeb
```
#75aaeb rgb(117,170,235)
```
#8bb8ef
```
#8bb8ef rgb(139,184,239)
```

Monochromatic Color

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

#48b6e5
```
#48b6e5 rgb(72,182,229)
```
#48a9e5
```
#48a9e5 rgb(72,169,229)
```
#489ce5
```
#489ce5 rgb(72,156,229)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```
#4882e5
```
#4882e5 rgb(72,130,229)
```
#4875e5
```
#4875e5 rgb(72,117,229)
```
#4868e5
```
#4868e5 rgb(72,104,229)
```

Similar Colors

Text with hexadecimal color #488fe5

This text has a font color of #488fe5.

<span style="color:#488fe5;">Text here</span>

#488fe5 background color

This paragraph has a background color of #488fe5.

<p style="background-color:#488fe5;">Content here</p>

#488fe5 border color

This element has a border color of #488fe5.

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

CSS codes

.text {color:#488fe5;}

.background {background-color:#488fe5;}

.border {border:1px solid #488fe5;}

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

#010306
```
#010306 rgb(1,3,6)
```
#030c17
```
#030c17 rgb(3,12,23)
```
#061528
```
#061528 rgb(6,21,40)
```
#081e39
```
#081e39 rgb(8,30,57)
```
#0b284b
```
#0b284b rgb(11,40,75)
```
#0d315c
```
#0d315c rgb(13,49,92)
```
#0f3a6d
```
#0f3a6d rgb(15,58,109)
```
#12437e
```
#12437e rgb(18,67,126)
```
#144c8f
```
#144c8f rgb(20,76,143)
```
#1755a1
```
#1755a1 rgb(23,85,161)
```
#195eb2
```
#195eb2 rgb(25,94,178)
```
#1c67c3
```
#1c67c3 rgb(28,103,195)
```
#1e70d4
```
#1e70d4 rgb(30,112,212)
```

Shade Color Variation

#267ae0
```
#267ae0 rgb(38,122,224)
```
#3784e3
```
#3784e3 rgb(55,132,227)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```
#599ae7
```
#599ae7 rgb(89,154,231)
```
#6aa4ea
```
#6aa4ea rgb(106,164,234)
```
#7cafec
```
#7cafec rgb(124,175,236)
```
#8db9ef
```
#8db9ef rgb(141,185,239)
```
#9ec4f1
```
#9ec4f1 rgb(158,196,241)
```
#afcef4
```
#afcef4 rgb(175,206,244)
```
#c0d9f6
```
#c0d9f6 rgb(192,217,246)
```
#d1e3f9
```
#d1e3f9 rgb(209,227,249)
```
#e3eefb
```
#e3eefb rgb(227,238,251)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90969d is the less saturated color, while #308dfd is the most saturated one.

#90969d
```
#90969d rgb(144,150,157)
```
#8895a5
```
#8895a5 rgb(136,149,165)
```
#8094ad
```
#8094ad rgb(128,148,173)
```
#7894b5
```
#7894b5 rgb(120,148,181)
```
#7093bd
```
#7093bd rgb(112,147,189)
```
#6892c5
```
#6892c5 rgb(104,146,197)
```
#6091cd
```
#6091cd rgb(96,145,205)
```
#5891d5
```
#5891d5 rgb(88,145,213)
```
#5090dd
```
#5090dd rgb(80,144,221)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```
#408eed
```
#408eed rgb(64,142,237)
```
#388df5
```
#388df5 rgb(56,141,245)
```
#308dfd
```
#308dfd rgb(48,141,253)
```

Tone Color Variation

Below, you can see how #488fe5 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

#848484 Achromatopsia 0.005% of the population
#788697 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7090e2 Protanopia 1% of men
#5893e6 Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#618fe3 Protanomaly 1% of men, 0.01% of women
#5292e6 Deuteranomaly 6% of men, 0.4% of women
#1a9ac1 Tritanomaly 0.01% of the population

#488fe5 hex color

#488fe5 Color Information

#488fe5 Color Conversion

Color Schemes with #488fe5

Alternatives to #488fe5

#488fe5 Preview

Shades and Tints of #488fe5

Tones of #488fe5

Color Blindness Simulator