#48a0f0 hex color

In a RGB color space, hex #48a0f0 is composed of 28.2% red, 62.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 33.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 208.6 degrees, a saturation of 84.8% and a lightness of 61.2%. #48a0f0 color hex could be obtained by blending #90ffff with #0041e1. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 28
- G 63
- B 94
RGB color chart
- C 70
- M 33
- Y 0
- K 6
CMYK color chart

● #48a0f0 color description : Bright blue.

The hexadecimal color #48a0f0 has RGB values of R:72, G:160, B:240 and CMYK values of C:0.7, M:0.33, Y:0, K:0.06. Its decimal value is 4759792.

Hex triplet	48a0f0	`#48a0f0`
RGB Decimal	72, 160, 240	`rgb(72,160,240)`
RGB Percent	28.2, 62.7, 94.1	`rgb(28.2%,62.7%,94.1%)`
CMYK	70, 33, 0, 6
HSL	208.6°, 84.8, 61.2	`hsl(208.6,84.8%,61.2%)`
HSV (or HSB)	208.6°, 70, 94.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.005, -0.796, -47.743
XYZ	30.968, 32.808, 87.134
xyY	0.205, 0.217, 32.808
CIE-LCH	64.005, 47.749, 269.045
CIE-LUV	64.005, -33.233, -76.507
Hunter-Lab	57.278, -3.731, -50.099
Binary	01001000, 10100000, 11110000

#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#f09848
```
#f09848 rgb(240,152,72)
```

Complementary Color

#48f0ec
```
#48f0ec rgb(72,240,236)
```
#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#484cf0
```
#484cf0 rgb(72,76,240)
```

Analogous Color

#f0ec48
```
#f0ec48 rgb(240,236,72)
```
#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#f0484c
```
#f0484c rgb(240,72,76)
```

Split Complementary Color

#a0f048
```
#a0f048 rgb(160,240,72)
```
#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#f048a0
```
#f048a0 rgb(240,72,160)
```

Triadic Color

#48f098
```
#48f098 rgb(72,240,152)
```
#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#f048a0
```
#f048a0 rgb(240,72,160)
```
#f09848
```
#f09848 rgb(240,152,72)
```

Tetradic Color

#127bda
```
#127bda rgb(18,123,218)
```
#1988ec
```
#1988ec rgb(25,136,236)
```
#3094ee
```
#3094ee rgb(48,148,238)
```
#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#60acf2
```
#60acf2 rgb(96,172,242)
```
#77b8f4
```
#77b8f4 rgb(119,184,244)
```
#8fc5f6
```
#8fc5f6 rgb(143,197,246)
```

Monochromatic Color

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

#48caf0
```
#48caf0 rgb(72,202,240)
```
#48bcf0
```
#48bcf0 rgb(72,188,240)
```
#48aef0
```
#48aef0 rgb(72,174,240)
```
#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#4892f0
```
#4892f0 rgb(72,146,240)
```
#4884f0
```
#4884f0 rgb(72,132,240)
```
#4876f0
```
#4876f0 rgb(72,118,240)
```

Similar Colors

Text with hexadecimal color #48a0f0

This text has a font color of #48a0f0.

<span style="color:#48a0f0;">Text here</span>

#48a0f0 background color

This paragraph has a background color of #48a0f0.

<p style="background-color:#48a0f0;">Content here</p>

#48a0f0 border color

This element has a border color of #48a0f0.

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

CSS codes

.text {color:#48a0f0;}

.background {background-color:#48a0f0;}

.border {border:1px solid #48a0f0;}

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

#010910
```
#010910 rgb(1,9,16)
```
#031323
```
#031323 rgb(3,19,35)
```
#041e35
```
#041e35 rgb(4,30,53)
```
#062847
```
#062847 rgb(6,40,71)
```
#073259
```
#073259 rgb(7,50,89)
```
#093c6b
```
#093c6b rgb(9,60,107)
```
#0a467d
```
#0a467d rgb(10,70,125)
```
#0c518f
```
#0c518f rgb(12,81,143)
```
#0d5ba1
```
#0d5ba1 rgb(13,91,161)
```
#0f65b4
```
#0f65b4 rgb(15,101,180)
```
#106fc6
```
#106fc6 rgb(16,111,198)
```
#1279d8
```
#1279d8 rgb(18,121,216)
```
#1384ea
```
#1384ea rgb(19,132,234)
```

Shade Color Variation

#248ded
```
#248ded rgb(36,141,237)
```
#3697ef
```
#3697ef rgb(54,151,239)
```
#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#5aa9f1
```
#5aa9f1 rgb(90,169,241)
```
#6cb3f3
```
#6cb3f3 rgb(108,179,243)
```
#7ebcf4
```
#7ebcf4 rgb(126,188,244)
```
#91c6f6
```
#91c6f6 rgb(145,198,246)
```
#a3cff7
```
#a3cff7 rgb(163,207,247)
```
#b5d8f9
```
#b5d8f9 rgb(181,216,249)
```
#c7e2fa
```
#c7e2fa rgb(199,226,250)
```
#d9ebfc
```
#d9ebfc rgb(217,235,252)
```
#ebf5fd
```
#ebf5fd rgb(235,245,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#9c9c9c
```
#9c9c9c rgb(156,156,156)
```
#949ca4
```
#949ca4 rgb(148,156,164)
```
#8d9dab
```
#8d9dab rgb(141,157,171)
```
#859db3
```
#859db3 rgb(133,157,179)
```
#7d9dbb
```
#7d9dbb rgb(125,157,187)
```
#769ec2
```
#769ec2 rgb(118,158,194)
```
#6e9eca
```
#6e9eca rgb(110,158,202)
```
#669fd2
```
#669fd2 rgb(102,159,210)
```
#5f9fd9
```
#5f9fd9 rgb(95,159,217)
```
#579fe1
```
#579fe1 rgb(87,159,225)
```
#50a0e8
```
#50a0e8 rgb(80,160,232)
```
#48a0f0
```
#48a0f0 rgb(72,160,240)
```
#40a0f8
```
#40a0f8 rgb(64,160,248)
```

Tone Color Variation

Below, you can see how #48a0f0 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

#8f8f8f Achromatopsia 0.005% of the population
#8192a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#829deb Protanopia 1% of men
#6ea0f2 Deuteranopia 1% of men
#00afbc Tritanopia 0.001% of the population

Trichromacy

#6d9eed Protanomaly 1% of men, 0.01% of women
#60a0f1 Deuteranomaly 6% of men, 0.4% of women
#1aaacf Tritanomaly 0.01% of the population

#48a0f0 hex color

#48a0f0 Color Information

#48a0f0 Color Conversion

Color Schemes with #48a0f0

Alternatives to #48a0f0

#48a0f0 Preview

Shades and Tints of #48a0f0

Tones of #48a0f0

Color Blindness Simulator