#48acce hex color

In a RGB color space, hex #48acce is composed of 28.2% red, 67.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 16.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 195.2 degrees, a saturation of 57.8% and a lightness of 54.5%. #48acce color hex could be obtained by blending #90ffff with #00599d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 67
- B 81
RGB color chart
- C 65
- M 17
- Y 0
- K 19
CMYK color chart

● #48acce color description : Moderate blue.

The hexadecimal color #48acce has RGB values of R:72, G:172, B:206 and CMYK values of C:0.65, M:0.17, Y:0, K:0.19. Its decimal value is 4762830.

Hex triplet	48acce	`#48acce`
RGB Decimal	72, 172, 206	`rgb(72,172,206)`
RGB Percent	28.2, 67.5, 80.8	`rgb(28.2%,67.5%,80.8%)`
CMYK	65, 17, 0, 19
HSL	195.2°, 57.8, 54.5	`hsl(195.2,57.8%,54.5%)`
HSV (or HSB)	195.2°, 65, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.01, -18.585, -25.879
XYZ	28.563, 35.337, 63.705
xyY	0.224, 0.277, 35.337
CIE-LCH	66.01, 31.861, 234.316
CIE-LUV	66.01, -39.002, -37.879
Hunter-Lab	59.445, -18.261, -21.927
Binary	01001000, 10101100, 11001110

#48acce
```
#48acce rgb(72,172,206)
```
#ce6a48
```
#ce6a48 rgb(206,106,72)
```

Complementary Color

#48cead
```
#48cead rgb(72,206,173)
```
#48acce
```
#48acce rgb(72,172,206)
```
#4869ce
```
#4869ce rgb(72,105,206)
```

Analogous Color

#cead48
```
#cead48 rgb(206,173,72)
```
#48acce
```
#48acce rgb(72,172,206)
```
#ce4869
```
#ce4869 rgb(206,72,105)
```

Split Complementary Color

#acce48
```
#acce48 rgb(172,206,72)
```
#48acce
```
#48acce rgb(72,172,206)
```
#ce48ac
```
#ce48ac rgb(206,72,172)
```

Triadic Color

#48ce6a
```
#48ce6a rgb(72,206,106)
```
#48acce
```
#48acce rgb(72,172,206)
```
#ce48ac
```
#ce48ac rgb(206,72,172)
```
#ce6a48
```
#ce6a48 rgb(206,106,72)
```

Tetradic Color

#2b819f
```
#2b819f rgb(43,129,159)
```
#3092b3
```
#3092b3 rgb(48,146,179)
```
#35a2c7
```
#35a2c7 rgb(53,162,199)
```
#48acce
```
#48acce rgb(72,172,206)
```
#5cb5d3
```
#5cb5d3 rgb(92,181,211)
```
#70bed9
```
#70bed9 rgb(112,190,217)
```
#84c7de
```
#84c7de rgb(132,199,222)
```

Monochromatic Color

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

#48cece
```
#48cece rgb(72,206,206)
```
#48c2ce
```
#48c2ce rgb(72,194,206)
```
#48b7ce
```
#48b7ce rgb(72,183,206)
```
#48acce
```
#48acce rgb(72,172,206)
```
#48a1ce
```
#48a1ce rgb(72,161,206)
```
#4896ce
```
#4896ce rgb(72,150,206)
```
#488bce
```
#488bce rgb(72,139,206)
```

Similar Colors

Text with hexadecimal color #48acce

This text has a font color of #48acce.

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

#48acce background color

This paragraph has a background color of #48acce.

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

#48acce border color

This element has a border color of #48acce.

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

CSS codes

.text {color:#48acce;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050f12
```
#050f12 rgb(5,15,18)
```
#091b22
```
#091b22 rgb(9,27,34)
```
#0d2831
```
#0d2831 rgb(13,40,49)
```
#113541
```
#113541 rgb(17,53,65)
```
#154150
```
#154150 rgb(21,65,80)
```
#1a4e60
```
#1a4e60 rgb(26,78,96)
```
#1e5a6f
```
#1e5a6f rgb(30,90,111)
```
#22677e
```
#22677e rgb(34,103,126)
```
#26748e
```
#26748e rgb(38,116,142)
```
#2a809d
```
#2a809d rgb(42,128,157)
```
#2e8dad
```
#2e8dad rgb(46,141,173)
```
#3299bc
```
#3299bc rgb(50,153,188)
```

Shade Color Variation

#39a5ca
```
#39a5ca rgb(57,165,202)
```
#48acce
```
#48acce rgb(72,172,206)
```
#57b3d2
```
#57b3d2 rgb(87,179,210)
```
#67bad6
```
#67bad6 rgb(103,186,214)
```
#76c1da
```
#76c1da rgb(118,193,218)
```
#86c8df
```
#86c8df rgb(134,200,223)
```
#95cfe3
```
#95cfe3 rgb(149,207,227)
```
#a5d6e7
```
#a5d6e7 rgb(165,214,231)
```
#b4ddeb
```
#b4ddeb rgb(180,221,235)
```
#c4e4ef
```
#c4e4ef rgb(196,228,239)
```
#d3ebf3
```
#d3ebf3 rgb(211,235,243)
```
#e3f2f7
```
#e3f2f7 rgb(227,242,247)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868d90 is the less saturated color, while #1bc2fb is the most saturated one.

#868d90
```
#868d90 rgb(134,141,144)
```
#7e9298
```
#7e9298 rgb(126,146,152)
```
#7596a1
```
#7596a1 rgb(117,150,161)
```
#6c9aaa
```
#6c9aaa rgb(108,154,170)
```
#639fb3
```
#639fb3 rgb(99,159,179)
```
#5aa3bc
```
#5aa3bc rgb(90,163,188)
```
#51a8c5
```
#51a8c5 rgb(81,168,197)
```
#48acce
```
#48acce rgb(72,172,206)
```
#3fb0d7
```
#3fb0d7 rgb(63,176,215)
```
#36b5e0
```
#36b5e0 rgb(54,181,224)
```
#2db9e9
```
#2db9e9 rgb(45,185,233)
```
#24bef2
```
#24bef2 rgb(36,190,242)
```
#1bc2fb
```
#1bc2fb rgb(27,194,251)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#83979e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca3c8 Protanopia 1% of men
#98a2d5 Deuteranopia 1% of men
#46b3c0 Tritanopia 0.001% of the population

Trichromacy

#7da6ca Protanomaly 1% of men, 0.01% of women
#7ba6d2 Deuteranomaly 6% of men, 0.4% of women
#47b0c5 Tritanomaly 0.01% of the population

#48acce hex color

#48acce Color Information

#48acce Color Conversion

Color Schemes with #48acce

Alternatives to #48acce

#48acce Preview

Shades and Tints of #48acce

Tones of #48acce

Color Blindness Simulator