#48c3e6 hex color

In a RGB color space, hex #48c3e6 is composed of 28.2% red, 76.5% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 15.2% magenta, 0% yellow and 9.8% black. It has a hue angle of 193.3 degrees, a saturation of 76% and a lightness of 59.2%. #48c3e6 color hex could be obtained by blending #90ffff with #0087cd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 76
- B 90
RGB color chart
- C 69
- M 15
- Y 0
- K 10
CMYK color chart

● #48c3e6 color description : Soft cyan.

The hexadecimal color #48c3e6 has RGB values of R:72, G:195, B:230 and CMYK values of C:0.69, M:0.15, Y:0, K:0.1. Its decimal value is 4768742.

Hex triplet	48c3e6	`#48c3e6`
RGB Decimal	72, 195, 230	`rgb(72,195,230)`
RGB Percent	28.2, 76.5, 90.2	`rgb(28.2%,76.5%,90.2%)`
CMYK	69, 15, 0, 10
HSL	193.3°, 76, 59.2	`hsl(193.3,76%,59.2%)`
HSV (or HSB)	193.3°, 68.7, 90.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.622, -22.982, -27.322
XYZ	36.467, 46.118, 81.838
xyY	0.222, 0.28, 46.118
CIE-LCH	73.622, 35.702, 229.931
CIE-LUV	73.622, -45.98, -40.28
Hunter-Lab	67.91, -22.991, -23.913
Binary	01001000, 11000011, 11100110

#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#e66b48
```
#e66b48 rgb(230,107,72)
```

Complementary Color

#48e6ba
```
#48e6ba rgb(72,230,186)
```
#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#4874e6
```
#4874e6 rgb(72,116,230)
```

Analogous Color

#e6ba48
```
#e6ba48 rgb(230,186,72)
```
#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#e64874
```
#e64874 rgb(230,72,116)
```

Split Complementary Color

#c3e648
```
#c3e648 rgb(195,230,72)
```
#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#e648c3
```
#e648c3 rgb(230,72,195)
```

Triadic Color

#48e66b
```
#48e66b rgb(72,230,107)
```
#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#e648c3
```
#e648c3 rgb(230,72,195)
```
#e66b48
```
#e66b48 rgb(230,107,72)
```

Tetradic Color

#1ba0c6
```
#1ba0c6 rgb(27,160,198)
```
#1eb3dd
```
#1eb3dd rgb(30,179,221)
```
#32bce3
```
#32bce3 rgb(50,188,227)
```
#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#5ecae9
```
#5ecae9 rgb(94,202,233)
```
#75d2ec
```
#75d2ec rgb(117,210,236)
```
#8bd9ef
```
#8bd9ef rgb(139,217,239)
```

Monochromatic Color

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

#48e6e2
```
#48e6e2 rgb(72,230,226)
```
#48dde6
```
#48dde6 rgb(72,221,230)
```
#48d0e6
```
#48d0e6 rgb(72,208,230)
```
#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#48a9e6
```
#48a9e6 rgb(72,169,230)
```
#489ce6
```
#489ce6 rgb(72,156,230)
```

Similar Colors

Text with hexadecimal color #48c3e6

This text has a font color of #48c3e6.

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

#48c3e6 background color

This paragraph has a background color of #48c3e6.

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

#48c3e6 border color

This element has a border color of #48c3e6.

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

CSS codes

.text {color:#48c3e6;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#031318
```
#031318 rgb(3,19,24)
```
#062129
```
#062129 rgb(6,33,41)
```
#082f3b
```
#082f3b rgb(8,47,59)
```
#0a3d4c
```
#0a3d4c rgb(10,61,76)
```
#0d4b5d
```
#0d4b5d rgb(13,75,93)
```
#0f596e
```
#0f596e rgb(15,89,110)
```
#116780
```
#116780 rgb(17,103,128)
```
#147591
```
#147591 rgb(20,117,145)
```
#1683a2
```
#1683a2 rgb(22,131,162)
```
#1991b3
```
#1991b3 rgb(25,145,179)
```
#1b9fc5
```
#1b9fc5 rgb(27,159,197)
```
#1dadd6
```
#1dadd6 rgb(29,173,214)
```

Shade Color Variation

#25b8e1
```
#25b8e1 rgb(37,184,225)
```
#37bde4
```
#37bde4 rgb(55,189,228)
```
#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#59c9e8
```
#59c9e8 rgb(89,201,232)
```
#6bceeb
```
#6bceeb rgb(107,206,235)
```
#7cd4ed
```
#7cd4ed rgb(124,212,237)
```
#8ddaef
```
#8ddaef rgb(141,218,239)
```
#9edff2
```
#9edff2 rgb(158,223,242)
```
#b0e5f4
```
#b0e5f4 rgb(176,229,244)
```
#c1ebf7
```
#c1ebf7 rgb(193,235,247)
```
#d2f0f9
```
#d2f0f9 rgb(210,240,249)
```
#e3f6fb
```
#e3f6fb rgb(227,246,251)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909b9e is the less saturated color, while #30d0fe is the most saturated one.

#909b9e
```
#909b9e rgb(144,155,158)
```
#889fa6
```
#889fa6 rgb(136,159,166)
```
#80a4ae
```
#80a4ae rgb(128,164,174)
```
#78a8b6
```
#78a8b6 rgb(120,168,182)
```
#70adbe
```
#70adbe rgb(112,173,190)
```
#68b1c6
```
#68b1c6 rgb(104,177,198)
```
#60b6ce
```
#60b6ce rgb(96,182,206)
```
#58bad6
```
#58bad6 rgb(88,186,214)
```
#50bfde
```
#50bfde rgb(80,191,222)
```
#48c3e6
```
#48c3e6 rgb(72,195,230)
```
#40c7ee
```
#40c7ee rgb(64,199,238)
```
#38ccf6
```
#38ccf6 rgb(56,204,246)
```
#30d0fe
```
#30d0fe rgb(48,208,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#90a9b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb7dd Protanopia 1% of men
#abb6ed Deuteranopia 1% of men
#44c8d7 Tritanopia 0.001% of the population

Trichromacy

#89bbe0 Protanomaly 1% of men, 0.01% of women
#87baea Deuteranomaly 6% of men, 0.4% of women
#46c6dc Tritanomaly 0.01% of the population

#48c3e6 hex color

#48c3e6 Color Information

#48c3e6 Color Conversion

Color Schemes with #48c3e6

Alternatives to #48c3e6

#48c3e6 Preview

Shades and Tints of #48c3e6

Tones of #48c3e6

Color Blindness Simulator