colorhexa.com

#488df2 hex color

In a RGB color space, hex #488df2 is composed of 28.2% red, 55.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 41.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.6 degrees, a saturation of 86.7% and a lightness of 61.6%. #488df2 color hex could be obtained by blending #90ffff with #001be5. Closest websafe color is: #3399ff.

- R 28
- G 55
- B 95
RGB color chart
- C 70
- M 42
- Y 0
- K 5
CMYK color chart

● #488df2 color description : Bright blue.

The hexadecimal color #488df2 has RGB values of R:72, G:141, B:242 and CMYK values of C:0.7, M:0.42, Y:0, K:0.05. Its decimal value is 4754930.

Hex triplet	488df2	`#488df2`
RGB Decimal	72, 141, 242	`rgb(72,141,242)`
RGB Percent	28.2, 55.3, 94.9	`rgb(28.2%,55.3%,94.9%)`
CMYK	70, 42, 0, 5
HSL	215.6°, 86.7, 61.6	`hsl(215.6,86.7%,61.6%)`
HSV (or HSB)	215.6°, 70.2, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.822, 11.054, -57.075
XYZ	28.221, 26.836, 87.692
xyY	0.198, 0.188, 26.836
CIE-LCH	58.822, 58.135, 280.961
CIE-LUV	58.822, -26.876, -91.944
Hunter-Lab	51.804, 6.584, -64.102
Binary	01001000, 10001101, 11110010

#488df2
```
#488df2 rgb(72,141,242)
```
#f2ad48
```
#f2ad48 rgb(242,173,72)
```

Complementary Color

#48e2f2
```
#48e2f2 rgb(72,226,242)
```
#488df2
```
#488df2 rgb(72,141,242)
```
#5848f2
```
#5848f2 rgb(88,72,242)
```

Analogous Color

#e2f248
```
#e2f248 rgb(226,242,72)
```
#488df2
```
#488df2 rgb(72,141,242)
```
#f25848
```
#f25848 rgb(242,88,72)
```

Split Complementary Color

#8df248
```
#8df248 rgb(141,242,72)
```
#488df2
```
#488df2 rgb(72,141,242)
```
#f2488d
```
#f2488d rgb(242,72,141)
```

Triadic Color

#48f2ad
```
#48f2ad rgb(72,242,173)
```
#488df2
```
#488df2 rgb(72,141,242)
```
#f2488d
```
#f2488d rgb(242,72,141)
```
#f2ad48
```
#f2ad48 rgb(242,173,72)
```

Tetradic Color

#1063de
```
#1063de rgb(16,99,222)
```
#186fef
```
#186fef rgb(24,111,239)
```
#307ef0
```
#307ef0 rgb(48,126,240)
```
#488df2
```
#488df2 rgb(72,141,242)
```
#609cf4
```
#609cf4 rgb(96,156,244)
```
#78abf5
```
#78abf5 rgb(120,171,245)
```
#8fb9f7
```
#8fb9f7 rgb(143,185,247)
```

Monochromatic Color

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

#48b8f2
```
#48b8f2 rgb(72,184,242)
```
#48a9f2
```
#48a9f2 rgb(72,169,242)
```
#489bf2
```
#489bf2 rgb(72,155,242)
```
#488df2
```
#488df2 rgb(72,141,242)
```
#487ff2
```
#487ff2 rgb(72,127,242)
```
#4871f2
```
#4871f2 rgb(72,113,242)
```
#4863f2
```
#4863f2 rgb(72,99,242)
```

Similar Colors

Text with hexadecimal color #488df2

This text has a font color of #488df2.

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

#488df2 background color

This paragraph has a background color of #488df2.

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

#488df2 border color

This element has a border color of #488df2.

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

CSS codes

.text {color:#488df2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010812
```
#010812 rgb(1,8,18)
```
#031025
```
#031025 rgb(3,16,37)
```
#041937
```
#041937 rgb(4,25,55)
```
#052149
```
#052149 rgb(5,33,73)
```
#07295c
```
#07295c rgb(7,41,92)
```
#08316e
```
#08316e rgb(8,49,110)
```
#093a80
```
#093a80 rgb(9,58,128)
```
#0a4293
```
#0a4293 rgb(10,66,147)
```
#0c4aa5
```
#0c4aa5 rgb(12,74,165)
```
#0d52b7
```
#0d52b7 rgb(13,82,183)
```
#0e5aca
```
#0e5aca rgb(14,90,202)
```
#1063dc
```
#1063dc rgb(16,99,220)
```

Shade Color Variation

#116bee
```
#116bee rgb(17,107,238)
```
#2376ef
```
#2376ef rgb(35,118,239)
```
#3682f1
```
#3682f1 rgb(54,130,241)
```
#488df2
```
#488df2 rgb(72,141,242)
```
#5a98f3
```
#5a98f3 rgb(90,152,243)
```
#6da4f5
```
#6da4f5 rgb(109,164,245)
```
#7faff6
```
#7faff6 rgb(127,175,246)
```
#91bbf7
```
#91bbf7 rgb(145,187,247)
```
#a4c6f9
```
#a4c6f9 rgb(164,198,249)
```
#b6d1fa
```
#b6d1fa rgb(182,209,250)
```
#c8ddfb
```
#c8ddfb rgb(200,221,251)
```
#dbe8fc
```
#dbe8fc rgb(219,232,252)
```
#edf4fe
```
#edf4fe rgb(237,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9d9f is the less saturated color, while #408cfa is the most saturated one.

#9b9d9f
```
#9b9d9f rgb(155,157,159)
```
#939ba7
```
#939ba7 rgb(147,155,167)
```
#8c9aae
```
#8c9aae rgb(140,154,174)
```
#8498b6
```
#8498b6 rgb(132,152,182)
```
#7d97bd
```
#7d97bd rgb(125,151,189)
```
#7596c5
```
#7596c5 rgb(117,150,197)
```
#6e94cc
```
#6e94cc rgb(110,148,204)
```
#6693d4
```
#6693d4 rgb(102,147,212)
```
#5f91db
```
#5f91db rgb(95,145,219)
```
#5790e3
```
#5790e3 rgb(87,144,227)
```
#508eea
```
#508eea rgb(80,142,234)
```
#488df2
```
#488df2 rgb(72,141,242)
```
#408cfa
```
#408cfa rgb(64,140,250)
```

Tone Color Variation

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

Dichromacy

#6590f0 Protanopia 1% of men
#3f95f1 Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#5a8ff1 Protanomaly 1% of men, 0.01% of women
#4292f1 Deuteranomaly 6% of men, 0.4% of women
#1a9ac6 Tritanomaly 0.01% of the population