#488fec hex color

In a RGB color space, hex #488fec is composed of 28.2% red, 56.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 39.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 214 degrees, a saturation of 81.2% and a lightness of 60.4%. #488fec color hex could be obtained by blending #90ffff with #001fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 28
- G 56
- B 93
RGB color chart
- C 69
- M 39
- Y 0
- K 7
CMYK color chart

● #488fec color description : Soft blue.

The hexadecimal color #488fec has RGB values of R:72, G:143, B:236 and CMYK values of C:0.69, M:0.39, Y:0, K:0.07. Its decimal value is 4755436.

Hex triplet	488fec	`#488fec`
RGB Decimal	72, 143, 236	`rgb(72,143,236)`
RGB Percent	28.2, 56.1, 92.5	`rgb(28.2%,56.1%,92.5%)`
CMYK	69, 39, 0, 7
HSL	214°, 81.2, 60.4	`hsl(214,81.2%,60.4%)`
HSV (or HSB)	214°, 69.5, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.045, 7.757, -53.4
XYZ	27.632, 27.077, 83.122
xyY	0.2, 0.196, 27.077
CIE-LCH	59.045, 53.961, 278.265
CIE-LUV	59.045, -27.671, -85.678
Hunter-Lab	52.035, 3.725, -58.286
Binary	01001000, 10001111, 11101100

#488fec
```
#488fec rgb(72,143,236)
```
#eca548
```
#eca548 rgb(236,165,72)
```

Complementary Color

#48e1ec
```
#48e1ec rgb(72,225,236)
```
#488fec
```
#488fec rgb(72,143,236)
```
#5348ec
```
#5348ec rgb(83,72,236)
```

Analogous Color

#e1ec48
```
#e1ec48 rgb(225,236,72)
```
#488fec
```
#488fec rgb(72,143,236)
```
#ec5348
```
#ec5348 rgb(236,83,72)
```

Split Complementary Color

#8fec48
```
#8fec48 rgb(143,236,72)
```
#488fec
```
#488fec rgb(72,143,236)
```
#ec488f
```
#ec488f rgb(236,72,143)
```

Triadic Color

#48eca5
```
#48eca5 rgb(72,236,165)
```
#488fec
```
#488fec rgb(72,143,236)
```
#ec488f
```
#ec488f rgb(236,72,143)
```
#eca548
```
#eca548 rgb(236,165,72)
```

Tetradic Color

#1667d2
```
#1667d2 rgb(22,103,210)
```
#1a73e7
```
#1a73e7 rgb(26,115,231)
```
#3181ea
```
#3181ea rgb(49,129,234)
```
#488fec
```
#488fec rgb(72,143,236)
```
#5f9dee
```
#5f9dee rgb(95,157,238)
```
#76abf1
```
#76abf1 rgb(118,171,241)
```
#8db9f3
```
#8db9f3 rgb(141,185,243)
```

Monochromatic Color

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

#48b8ec
```
#48b8ec rgb(72,184,236)
```
#48aaec
```
#48aaec rgb(72,170,236)
```
#489dec
```
#489dec rgb(72,157,236)
```
#488fec
```
#488fec rgb(72,143,236)
```
#4881ec
```
#4881ec rgb(72,129,236)
```
#4874ec
```
#4874ec rgb(72,116,236)
```
#4866ec
```
#4866ec rgb(72,102,236)
```

Similar Colors

Text with hexadecimal color #488fec

This text has a font color of #488fec.

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

#488fec background color

This paragraph has a background color of #488fec.

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

#488fec border color

This element has a border color of #488fec.

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

CSS codes

.text {color:#488fec;}

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

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

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

#01060c
```
#01060c rgb(1,6,12)
```
#030f1e
```
#030f1e rgb(3,15,30)
```
#051830
```
#051830 rgb(5,24,48)
```
#072042
```
#072042 rgb(7,32,66)
```
#092954
```
#092954 rgb(9,41,84)
```
#0b3265
```
#0b3265 rgb(11,50,101)
```
#0c3b77
```
#0c3b77 rgb(12,59,119)
```
#0e4389
```
#0e4389 rgb(14,67,137)
```
#104c9b
```
#104c9b rgb(16,76,155)
```
#1255ac
```
#1255ac rgb(18,85,172)
```
#145ebe
```
#145ebe rgb(20,94,190)
```
#1666d0
```
#1666d0 rgb(22,102,208)
```
#176fe2
```
#176fe2 rgb(23,111,226)
```

Shade Color Variation

#2479e8
```
#2479e8 rgb(36,121,232)
```
#3684ea
```
#3684ea rgb(54,132,234)
```
#488fec
```
#488fec rgb(72,143,236)
```
#5a9aee
```
#5a9aee rgb(90,154,238)
```
#6ca5f0
```
#6ca5f0 rgb(108,165,240)
```
#7db0f2
```
#7db0f2 rgb(125,176,242)
```
#8fbbf3
```
#8fbbf3 rgb(143,187,243)
```
#a1c5f5
```
#a1c5f5 rgb(161,197,245)
```
#b3d0f7
```
#b3d0f7 rgb(179,208,247)
```
#c4dbf9
```
#c4dbf9 rgb(196,219,249)
```
#d6e6fb
```
#d6e6fb rgb(214,230,251)
```
#e8f1fd
```
#e8f1fd rgb(232,241,253)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96999e is the less saturated color, while #388dfc is the most saturated one.

#96999e
```
#96999e rgb(150,153,158)
```
#8e98a6
```
#8e98a6 rgb(142,152,166)
```
#8697ae
```
#8697ae rgb(134,151,174)
```
#7e96b6
```
#7e96b6 rgb(126,150,182)
```
#7795bd
```
#7795bd rgb(119,149,189)
```
#6f94c5
```
#6f94c5 rgb(111,148,197)
```
#6793cd
```
#6793cd rgb(103,147,205)
```
#5f92d5
```
#5f92d5 rgb(95,146,213)
```
#5891dc
```
#5891dc rgb(88,145,220)
```
#5090e4
```
#5090e4 rgb(80,144,228)
```
#488fec
```
#488fec rgb(72,143,236)
```
#408ef4
```
#408ef4 rgb(64,142,244)
```
#388dfc
```
#388dfc rgb(56,141,252)
```

Tone Color Variation

Below, you can see how #488fec 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
#788699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c91e9 Protanopia 1% of men
#4f95ec Deuteranopia 1% of men
#00a2ad Tritanopia 0.001% of the population

Trichromacy

#5f90ea Protanomaly 1% of men, 0.01% of women
#4c92ec Deuteranomaly 6% of men, 0.4% of women
#1a9bc4 Tritanomaly 0.01% of the population

#488fec hex color

#488fec Color Information

#488fec Color Conversion

Color Schemes with #488fec

Alternatives to #488fec

#488fec Preview

Shades and Tints of #488fec

Tones of #488fec

Color Blindness Simulator