#48a0fa hex color

In a RGB color space, hex #48a0fa is composed of 28.2% red, 62.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 36% magenta, 0% yellow and 2% black. It has a hue angle of 210.3 degrees, a saturation of 94.7% and a lightness of 63.1%. #48a0fa color hex could be obtained by blending #90ffff with #0041f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 28
- G 63
- B 98
RGB color chart
- C 71
- M 36
- Y 0
- K 2
CMYK color chart

● #48a0fa color description : Bright blue.

The hexadecimal color #48a0fa has RGB values of R:72, G:160, B:250 and CMYK values of C:0.71, M:0.36, Y:0, K:0.02. Its decimal value is 4759802.

Hex triplet	48a0fa	`#48a0fa`
RGB Decimal	72, 160, 250	`rgb(72,160,250)`
RGB Percent	28.2, 62.7, 98	`rgb(28.2%,62.7%,98%)`
CMYK	71, 36, 0, 2
HSL	210.3°, 94.7, 63.1	`hsl(210.3,94.7%,63.1%)`
HSV (or HSB)	210.3°, 71.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.499, 2.641, -52.437
XYZ	32.495, 33.419, 95.175
xyY	0.202, 0.207, 33.419
CIE-LCH	64.499, 52.503, 272.883
CIE-LUV	64.499, -32.864, -84.881
Hunter-Lab	57.809, -0.831, -57.147
Binary	01001000, 10100000, 11111010

#48a0fa
```
#48a0fa rgb(72,160,250)
```
#faa248
```
#faa248 rgb(250,162,72)
```

Complementary Color

#48f9fa
```
#48f9fa rgb(72,249,250)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```
#4948fa
```
#4948fa rgb(73,72,250)
```

Analogous Color

#f9fa48
```
#f9fa48 rgb(249,250,72)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```
#fa4948
```
#fa4948 rgb(250,73,72)
```

Split Complementary Color

#a0fa48
```
#a0fa48 rgb(160,250,72)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```
#fa48a0
```
#fa48a0 rgb(250,72,160)
```

Triadic Color

#48faa2
```
#48faa2 rgb(72,250,162)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```
#fa48a0
```
#fa48a0 rgb(250,72,160)
```
#faa248
```
#faa248 rgb(250,162,72)
```

Tetradic Color

#0779ef
```
#0779ef rgb(7,121,239)
```
#1686f9
```
#1686f9 rgb(22,134,249)
```
#2f93f9
```
#2f93f9 rgb(47,147,249)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```
#61adfb
```
#61adfb rgb(97,173,251)
```
#7abafb
```
#7abafb rgb(122,186,251)
```
#92c7fc
```
#92c7fc rgb(146,199,252)
```

Monochromatic Color

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

#48cdfa
```
#48cdfa rgb(72,205,250)
```
#48befa
```
#48befa rgb(72,190,250)
```
#48affa
```
#48affa rgb(72,175,250)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```
#4891fa
```
#4891fa rgb(72,145,250)
```
#4882fa
```
#4882fa rgb(72,130,250)
```
#4874fa
```
#4874fa rgb(72,116,250)
```

Similar Colors

Text with hexadecimal color #48a0fa

This text has a font color of #48a0fa.

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

#48a0fa background color

This paragraph has a background color of #48a0fa.

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

#48a0fa border color

This element has a border color of #48a0fa.

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

CSS codes

.text {color:#48a0fa;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#010e1b
```
#010e1b rgb(1,14,27)
```
#01172e
```
#01172e rgb(1,23,46)
```
#022141
```
#022141 rgb(2,33,65)
```
#022b54
```
#022b54 rgb(2,43,84)
```
#033567
```
#033567 rgb(3,53,103)
```
#033e7a
```
#033e7a rgb(3,62,122)
```
#04488e
```
#04488e rgb(4,72,142)
```
#0452a1
```
#0452a1 rgb(4,82,161)
```
#055bb4
```
#055bb4 rgb(5,91,180)
```
#0565c7
```
#0565c7 rgb(5,101,199)
```
#066fda
```
#066fda rgb(6,111,218)
```
#0678ed
```
#0678ed rgb(6,120,237)
```

Shade Color Variation

#0f82f8
```
#0f82f8 rgb(15,130,248)
```
#228cf9
```
#228cf9 rgb(34,140,249)
```
#3596f9
```
#3596f9 rgb(53,150,249)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```
#5baafb
```
#5baafb rgb(91,170,251)
```
#6eb4fb
```
#6eb4fb rgb(110,180,251)
```
#81befc
```
#81befc rgb(129,190,252)
```
#94c8fc
```
#94c8fc rgb(148,200,252)
```
#a7d2fd
```
#a7d2fd rgb(167,210,253)
```
#bbdbfd
```
#bbdbfd rgb(187,219,253)
```
#cee5fe
```
#cee5fe rgb(206,229,254)
```
#e1effe
```
#e1effe rgb(225,239,254)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

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

#9fa1a3
```
#9fa1a3 rgb(159,161,163)
```
#98a1aa
```
#98a1aa rgb(152,161,170)
```
#90a1b2
```
#90a1b2 rgb(144,161,178)
```
#89a1b9
```
#89a1b9 rgb(137,161,185)
```
#82a1c0
```
#82a1c0 rgb(130,161,192)
```
#7ba1c7
```
#7ba1c7 rgb(123,161,199)
```
#73a0cf
```
#73a0cf rgb(115,160,207)
```
#6ca0d6
```
#6ca0d6 rgb(108,160,214)
```
#65a0dd
```
#65a0dd rgb(101,160,221)
```
#5ea0e4
```
#5ea0e4 rgb(94,160,228)
```
#56a0ec
```
#56a0ec rgb(86,160,236)
```
#4fa0f3
```
#4fa0f3 rgb(79,160,243)
```
#48a0fa
```
#48a0fa rgb(72,160,250)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8293a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9ef5 Protanopia 1% of men
#64a2fb Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#6a9ff7 Protanomaly 1% of men, 0.01% of women
#5aa1fa Deuteranomaly 6% of men, 0.4% of women
#1aaad3 Tritanomaly 0.01% of the population

#48a0fa hex color

#48a0fa Color Information

#48a0fa Color Conversion

Color Schemes with #48a0fa

Alternatives to #48a0fa

#48a0fa Preview

Shades and Tints of #48a0fa

Tones of #48a0fa

Color Blindness Simulator