#48acc4 hex color

In a RGB color space, hex #48acc4 is composed of 28.2% red, 67.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 12.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 191.6 degrees, a saturation of 51.2% and a lightness of 52.5%. #48acc4 color hex could be obtained by blending #90ffff with #005989. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 67
- B 77
RGB color chart
- C 63
- M 12
- Y 0
- K 23
CMYK color chart

● #48acc4 color description : Moderate cyan.

The hexadecimal color #48acc4 has RGB values of R:72, G:172, B:196 and CMYK values of C:0.63, M:0.12, Y:0, K:0.23. Its decimal value is 4762820.

Hex triplet	48acc4	`#48acc4`
RGB Decimal	72, 172, 196	`rgb(72,172,196)`
RGB Percent	28.2, 67.5, 76.9	`rgb(28.2%,67.5%,76.9%)`
CMYK	63, 12, 0, 23
HSL	191.6°, 51.2, 52.5	`hsl(191.6,51.2%,52.5%)`
HSV (or HSB)	191.6°, 63.3, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.644, -21.672, -20.9
XYZ	27.386, 34.866, 57.508
xyY	0.229, 0.291, 34.866
CIE-LCH	65.644, 30.108, 223.962
CIE-LUV	65.644, -39.516, -29.236
Hunter-Lab	59.048, -20.545, -16.411
Binary	01001000, 10101100, 11000100

#48acc4
```
#48acc4 rgb(72,172,196)
```
#c46048
```
#c46048 rgb(196,96,72)
```

Complementary Color

#48c49e
```
#48c49e rgb(72,196,158)
```
#48acc4
```
#48acc4 rgb(72,172,196)
```
#486ec4
```
#486ec4 rgb(72,110,196)
```

Analogous Color

#c49e48
```
#c49e48 rgb(196,158,72)
```
#48acc4
```
#48acc4 rgb(72,172,196)
```
#c4486e
```
#c4486e rgb(196,72,110)
```

Split Complementary Color

#acc448
```
#acc448 rgb(172,196,72)
```
#48acc4
```
#48acc4 rgb(72,172,196)
```
#c448ac
```
#c448ac rgb(196,72,172)
```

Triadic Color

#48c460
```
#48c460 rgb(72,196,96)
```
#48acc4
```
#48acc4 rgb(72,172,196)
```
#c448ac
```
#c448ac rgb(196,72,172)
```
#c46048
```
#c46048 rgb(196,96,72)
```

Tetradic Color

#2f7e91
```
#2f7e91 rgb(47,126,145)
```
#358fa4
```
#358fa4 rgb(53,143,164)
```
#3b9fb7
```
#3b9fb7 rgb(59,159,183)
```
#48acc4
```
#48acc4 rgb(72,172,196)
```
#5bb5ca
```
#5bb5ca rgb(91,181,202)
```
#6fbdd0
```
#6fbdd0 rgb(111,189,208)
```
#82c6d7
```
#82c6d7 rgb(130,198,215)
```

Monochromatic Color

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

#48c4bd
```
#48c4bd rgb(72,196,189)
```
#48c1c4
```
#48c1c4 rgb(72,193,196)
```
#48b6c4
```
#48b6c4 rgb(72,182,196)
```
#48acc4
```
#48acc4 rgb(72,172,196)
```
#48a2c4
```
#48a2c4 rgb(72,162,196)
```
#4897c4
```
#4897c4 rgb(72,151,196)
```
#488dc4
```
#488dc4 rgb(72,141,196)
```

Similar Colors

Text with hexadecimal color #48acc4

This text has a font color of #48acc4.

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

#48acc4 background color

This paragraph has a background color of #48acc4.

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

#48acc4 border color

This element has a border color of #48acc4.

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

CSS codes

.text {color:#48acc4;}

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

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

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, #03090a is the darkest color, while #fafdfd is the lightest one.

#03090a
```
#03090a rgb(3,9,10)
```
#081519
```
#081519 rgb(8,21,25)
```
#0d2227
```
#0d2227 rgb(13,34,39)
```
#122f36
```
#122f36 rgb(18,47,54)
```
#163c45
```
#163c45 rgb(22,60,69)
```
#1b4954
```
#1b4954 rgb(27,73,84)
```
#205663
```
#205663 rgb(32,86,99)
```
#256372
```
#256372 rgb(37,99,114)
```
#297080
```
#297080 rgb(41,112,128)
```
#2e7d8f
```
#2e7d8f rgb(46,125,143)
```
#33899e
```
#33899e rgb(51,137,158)
```
#3896ad
```
#3896ad rgb(56,150,173)
```
#3da3bc
```
#3da3bc rgb(61,163,188)
```

Shade Color Variation

#48acc4
```
#48acc4 rgb(72,172,196)
```
#57b3c9
```
#57b3c9 rgb(87,179,201)
```
#66b9ce
```
#66b9ce rgb(102,185,206)
```
#74c0d2
```
#74c0d2 rgb(116,192,210)
```
#83c7d7
```
#83c7d7 rgb(131,199,215)
```
#92cedc
```
#92cedc rgb(146,206,220)
```
#a1d4e1
```
#a1d4e1 rgb(161,212,225)
```
#b0dbe5
```
#b0dbe5 rgb(176,219,229)
```
#bfe2ea
```
#bfe2ea rgb(191,226,234)
```
#cde9ef
```
#cde9ef rgb(205,233,239)
```
#dceff4
```
#dceff4 rgb(220,239,244)
```
#ebf6f9
```
#ebf6f9 rgb(235,246,249)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808a8c is the less saturated color, while #10cefc is the most saturated one.

#808a8c
```
#808a8c rgb(128,138,140)
```
#778f95
```
#778f95 rgb(119,143,149)
```
#6d959f
```
#6d959f rgb(109,149,159)
```
#649ba8
```
#649ba8 rgb(100,155,168)
```
#5ba1b1
```
#5ba1b1 rgb(91,161,177)
```
#51a6bb
```
#51a6bb rgb(81,166,187)
```
#48acc4
```
#48acc4 rgb(72,172,196)
```
#3fb2cd
```
#3fb2cd rgb(63,178,205)
```
#35b7d7
```
#35b7d7 rgb(53,183,215)
```
#2cbde0
```
#2cbde0 rgb(44,189,224)
```
#23c3e9
```
#23c3e9 rgb(35,195,233)
```
#19c9f3
```
#19c9f3 rgb(25,201,243)
```
#10cefc
```
#10cefc rgb(16,206,252)
```

Tone Color Variation

Below, you can see how #48acc4 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
#82969b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea3be Protanopia 1% of men
#9da1cc Deuteranopia 1% of men
#4cb1be Tritanopia 0.001% of the population

Trichromacy

#7fa6c0 Protanomaly 1% of men, 0.01% of women
#7ea5c9 Deuteranomaly 6% of men, 0.4% of women
#4aafc0 Tritanomaly 0.01% of the population

#48acc4 hex color

#48acc4 Color Information

#48acc4 Color Conversion

Color Schemes with #48acc4

Alternatives to #48acc4

#48acc4 Preview

Shades and Tints of #48acc4

Tones of #48acc4

Color Blindness Simulator