colorhexa.com

#48acc7 hex color

In a RGB color space, hex #48acc7 is composed of 28.2% red, 67.5% green and 78% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 13.6% magenta, 0% yellow and 22% black. It has a hue angle of 192.8 degrees, a saturation of 53.1% and a lightness of 53.1%. #48acc7 color hex could be obtained by blending #90ffff with #00598f. Closest websafe color is: #3399cc.

- R 28
- G 67
- B 78
RGB color chart
- C 64
- M 14
- Y 0
- K 22
CMYK color chart

● #48acc7 color description : Moderate cyan.

The hexadecimal color #48acc7 has RGB values of R:72, G:172, B:199 and CMYK values of C:0.64, M:0.14, Y:0, K:0.22. Its decimal value is 4762823.

Hex triplet	48acc7	`#48acc7`
RGB Decimal	72, 172, 199	`rgb(72,172,199)`
RGB Percent	28.2, 67.5, 78	`rgb(28.2%,67.5%,78%)`
CMYK	64, 14, 0, 22
HSL	192.8°, 53.1, 53.1	`hsl(192.8,53.1%,53.1%)`
HSV (or HSB)	192.8°, 63.8, 78
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.752, -20.755, -22.4
XYZ	27.731, 35.004, 59.325
xyY	0.227, 0.287, 35.004
CIE-LCH	65.752, 30.537, 227.183
CIE-LUV	65.752, -39.361, -31.825
Hunter-Lab	59.164, -19.872, -18.036
Binary	01001000, 10101100, 11000111

#48acc7
```
#48acc7 rgb(72,172,199)
```
#c76348
```
#c76348 rgb(199,99,72)
```

Complementary Color

#48c7a3
```
#48c7a3 rgb(72,199,163)
```
#48acc7
```
#48acc7 rgb(72,172,199)
```
#486dc7
```
#486dc7 rgb(72,109,199)
```

Analogous Color

#c7a348
```
#c7a348 rgb(199,163,72)
```
#48acc7
```
#48acc7 rgb(72,172,199)
```
#c7486d
```
#c7486d rgb(199,72,109)
```

Split Complementary Color

#acc748
```
#acc748 rgb(172,199,72)
```
#48acc7
```
#48acc7 rgb(72,172,199)
```
#c748ac
```
#c748ac rgb(199,72,172)
```

Triadic Color

#48c763
```
#48c763 rgb(72,199,99)
```
#48acc7
```
#48acc7 rgb(72,172,199)
```
#c748ac
```
#c748ac rgb(199,72,172)
```
#c76348
```
#c76348 rgb(199,99,72)
```

Tetradic Color

#2e7f95
```
#2e7f95 rgb(46,127,149)
```
#3490a8
```
#3490a8 rgb(52,144,168)
```
#3aa0bc
```
#3aa0bc rgb(58,160,188)
```
#48acc7
```
#48acc7 rgb(72,172,199)
```
#5cb5cd
```
#5cb5cd rgb(92,181,205)
```
#6fbed3
```
#6fbed3 rgb(111,190,211)
```
#83c7d9
```
#83c7d9 rgb(131,199,217)
```

Monochromatic Color

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

#48c7c2
```
#48c7c2 rgb(72,199,194)
```
#48c1c7
```
#48c1c7 rgb(72,193,199)
```
#48b7c7
```
#48b7c7 rgb(72,183,199)
```
#48acc7
```
#48acc7 rgb(72,172,199)
```
#48a1c7
```
#48a1c7 rgb(72,161,199)
```
#4897c7
```
#4897c7 rgb(72,151,199)
```
#488cc7
```
#488cc7 rgb(72,140,199)
```

Similar Colors

Text with hexadecimal color #48acc7

This text has a font color of #48acc7.

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

#48acc7 background color

This paragraph has a background color of #48acc7.

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

#48acc7 border color

This element has a border color of #48acc7.

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

CSS codes

.text {color:#48acc7;}

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

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

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

#040a0c
```
#040a0c rgb(4,10,12)
```
#08171b
```
#08171b rgb(8,23,27)
```
#0d242a
```
#0d242a rgb(13,36,42)
```
#123139
```
#123139 rgb(18,49,57)
```
#163e48
```
#163e48 rgb(22,62,72)
```
#1b4a57
```
#1b4a57 rgb(27,74,87)
```
#1f5766
```
#1f5766 rgb(31,87,102)
```
#246475
```
#246475 rgb(36,100,117)
```
#297184
```
#297184 rgb(41,113,132)
```
#2d7e93
```
#2d7e93 rgb(45,126,147)
```
#328aa2
```
#328aa2 rgb(50,138,162)
```
#3697b1
```
#3697b1 rgb(54,151,177)
```
#3ba4c0
```
#3ba4c0 rgb(59,164,192)
```

Shade Color Variation

#48acc7
```
#48acc7 rgb(72,172,199)
```
#57b3cc
```
#57b3cc rgb(87,179,204)
```
#66bad0
```
#66bad0 rgb(102,186,208)
```
#75c0d5
```
#75c0d5 rgb(117,192,213)
```
#84c7d9
```
#84c7d9 rgb(132,199,217)
```
#93cede
```
#93cede rgb(147,206,222)
```
#a2d5e3
```
#a2d5e3 rgb(162,213,227)
```
#b1dce7
```
#b1dce7 rgb(177,220,231)
```
#c0e2ec
```
#c0e2ec rgb(192,226,236)
```
#cfe9f0
```
#cfe9f0 rgb(207,233,240)
```
#def0f5
```
#def0f5 rgb(222,240,245)
```
#edf7fa
```
#edf7fa rgb(237,247,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#7f8c90
```
#7f8c90 rgb(127,140,144)
```
#769299
```
#769299 rgb(118,146,153)
```
#6d97a2
```
#6d97a2 rgb(109,151,162)
```
#649cab
```
#649cab rgb(100,156,171)
```
#5aa1b5
```
#5aa1b5 rgb(90,161,181)
```
#51a7be
```
#51a7be rgb(81,167,190)
```
#48acc7
```
#48acc7 rgb(72,172,199)
```
#3fb1d0
```
#3fb1d0 rgb(63,177,208)
```
#36b7d9
```
#36b7d9 rgb(54,183,217)
```
#2cbce3
```
#2cbce3 rgb(44,188,227)
```
#23c1ec
```
#23c1ec rgb(35,193,236)
```
#1ac6f5
```
#1ac6f5 rgb(26,198,245)
```
#11ccfe
```
#11ccfe rgb(17,204,254)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#82969c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da3c1 Protanopia 1% of men
#9ba2cf Deuteranopia 1% of men
#4ab2bf Tritanopia 0.001% of the population

Trichromacy

#7ea6c3 Protanomaly 1% of men, 0.01% of women
#7da5cc Deuteranomaly 6% of men, 0.4% of women
#49afc2 Tritanomaly 0.01% of the population