#48a7c8 hex color

In a RGB color space, hex #48a7c8 is composed of 28.2% red, 65.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 16.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 195.5 degrees, a saturation of 53.8% and a lightness of 53.3%. #48a7c8 color hex could be obtained by blending #90ffff with #004f91. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 65
- B 78
RGB color chart
- C 64
- M 17
- Y 0
- K 22
CMYK color chart

● #48a7c8 color description : Moderate blue.

The hexadecimal color #48a7c8 has RGB values of R:72, G:167, B:200 and CMYK values of C:0.64, M:0.17, Y:0, K:0.22. Its decimal value is 4761544.

Hex triplet	48a7c8	`#48a7c8`
RGB Decimal	72, 167, 200	`rgb(72,167,200)`
RGB Percent	28.2, 65.5, 78.4	`rgb(28.2%,65.5%,78.4%)`
CMYK	64, 17, 0, 22
HSL	195.5°, 53.8, 53.3	`hsl(195.5,53.8%,53.3%)`
HSV (or HSB)	195.5°, 64, 78.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.309, -17.826, -25.164
XYZ	26.914, 33.183, 59.627
xyY	0.225, 0.277, 33.183
CIE-LCH	64.309, 30.838, 234.687
CIE-LUV	64.309, -37.471, -36.654
Hunter-Lab	57.605, -17.411, -21.048
Binary	01001000, 10100111, 11001000

#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#c86948
```
#c86948 rgb(200,105,72)
```

Complementary Color

#48c8a9
```
#48c8a9 rgb(72,200,169)
```
#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#4867c8
```
#4867c8 rgb(72,103,200)
```

Analogous Color

#c8a948
```
#c8a948 rgb(200,169,72)
```
#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#c84867
```
#c84867 rgb(200,72,103)
```

Split Complementary Color

#a7c848
```
#a7c848 rgb(167,200,72)
```
#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#c848a7
```
#c848a7 rgb(200,72,167)
```

Triadic Color

#48c869
```
#48c869 rgb(72,200,105)
```
#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#c848a7
```
#c848a7 rgb(200,72,167)
```
#c86948
```
#c86948 rgb(200,105,72)
```

Tetradic Color

#2d7b96
```
#2d7b96 rgb(45,123,150)
```
#338baa
```
#338baa rgb(51,139,170)
```
#399bbe
```
#399bbe rgb(57,155,190)
```
#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#5cb0ce
```
#5cb0ce rgb(92,176,206)
```
#6fbad4
```
#6fbad4 rgb(111,186,212)
```
#83c3da
```
#83c3da rgb(131,195,218)
```

Monochromatic Color

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

#48c7c8
```
#48c7c8 rgb(72,199,200)
```
#48bcc8
```
#48bcc8 rgb(72,188,200)
```
#48b2c8
```
#48b2c8 rgb(72,178,200)
```
#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#489cc8
```
#489cc8 rgb(72,156,200)
```
#4892c8
```
#4892c8 rgb(72,146,200)
```
#4887c8
```
#4887c8 rgb(72,135,200)
```

Similar Colors

Text with hexadecimal color #48a7c8

This text has a font color of #48a7c8.

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

#48a7c8 background color

This paragraph has a background color of #48a7c8.

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

#48a7c8 border color

This element has a border color of #48a7c8.

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

CSS codes

.text {color:#48a7c8;}

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

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

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, #040b0d is the darkest color, while #fdfefe is the lightest one.

#040b0d
```
#040b0d rgb(4,11,13)
```
#08171c
```
#08171c rgb(8,23,28)
```
#0d232b
```
#0d232b rgb(13,35,43)
```
#12303a
```
#12303a rgb(18,48,58)
```
#163c49
```
#163c49 rgb(22,60,73)
```
#1b4958
```
#1b4958 rgb(27,73,88)
```
#1f5568
```
#1f5568 rgb(31,85,104)
```
#246177
```
#246177 rgb(36,97,119)
```
#286e86
```
#286e86 rgb(40,110,134)
```
#2d7a95
```
#2d7a95 rgb(45,122,149)
```
#3186a4
```
#3186a4 rgb(49,134,164)
```
#3693b3
```
#3693b3 rgb(54,147,179)
```
#3a9fc2
```
#3a9fc2 rgb(58,159,194)
```

Shade Color Variation

#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#57aecd
```
#57aecd rgb(87,174,205)
```
#66b6d1
```
#66b6d1 rgb(102,182,209)
```
#75bdd6
```
#75bdd6 rgb(117,189,214)
```
#84c4da
```
#84c4da rgb(132,196,218)
```
#93cbdf
```
#93cbdf rgb(147,203,223)
```
#a2d3e3
```
#a2d3e3 rgb(162,211,227)
```
#b2dae8
```
#b2dae8 rgb(178,218,232)
```
#c1e1ec
```
#c1e1ec rgb(193,225,236)
```
#d0e8f1
```
#d0e8f1 rgb(208,232,241)
```
#dff0f5
```
#dff0f5 rgb(223,240,245)
```
#eef7fa
```
#eef7fa rgb(238,247,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8c91 is the less saturated color, while #11c2ff is the most saturated one.

#7f8c91
```
#7f8c91 rgb(127,140,145)
```
#76919a
```
#76919a rgb(118,145,154)
```
#6d95a3
```
#6d95a3 rgb(109,149,163)
```
#639aad
```
#639aad rgb(99,154,173)
```
#5a9eb6
```
#5a9eb6 rgb(90,158,182)
```
#51a3bf
```
#51a3bf rgb(81,163,191)
```
#48a7c8
```
#48a7c8 rgb(72,167,200)
```
#3fabd1
```
#3fabd1 rgb(63,171,209)
```
#36b0da
```
#36b0da rgb(54,176,218)
```
#2db4e3
```
#2db4e3 rgb(45,180,227)
```
#23b9ed
```
#23b9ed rgb(35,185,237)
```
#1abdf6
```
#1abdf6 rgb(26,189,246)
```
#11c2ff
```
#11c2ff rgb(17,194,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#80939a Atypical Achromatopsia 0.001% of the population

Dichromacy

#989fc3 Protanopia 1% of men
#949ecf Deuteranopia 1% of men
#47aebb Tritanopia 0.001% of the population

Trichromacy

#7ba2c4 Protanomaly 1% of men, 0.01% of women
#78a1cc Deuteranomaly 6% of men, 0.4% of women
#47abbf Tritanomaly 0.01% of the population

#48a7c8 hex color

#48a7c8 Color Information

#48a7c8 Color Conversion

Color Schemes with #48a7c8

Alternatives to #48a7c8

#48a7c8 Preview

Shades and Tints of #48a7c8

Tones of #48a7c8

Color Blindness Simulator