colorhexa.com

#48cceb hex color

In a RGB color space, hex #48cceb is composed of 28.2% red, 80% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 13.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 191.4 degrees, a saturation of 80.3% and a lightness of 60.2%. #48cceb color hex could be obtained by blending #90ffff with #0099d7. Closest websafe color is: #33ccff.

- R 28
- G 80
- B 92
RGB color chart
- C 69
- M 13
- Y 0
- K 8
CMYK color chart

● #48cceb color description : Soft cyan.

The hexadecimal color #48cceb has RGB values of R:72, G:204, B:235 and CMYK values of C:0.69, M:0.13, Y:0, K:0.08. Its decimal value is 4771051.

Hex triplet	48cceb	`#48cceb`
RGB Decimal	72, 204, 235	`rgb(72,204,235)`
RGB Percent	28.2, 80, 92.2	`rgb(28.2%,80%,92.2%)`
CMYK	69, 13, 0, 8
HSL	191.4°, 80.3, 60.2	`hsl(191.4,80.3%,60.2%)`
HSV (or HSB)	191.4°, 69.4, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.411, -25.963, -25.748
XYZ	39.257, 50.558, 86.283
xyY	0.223, 0.287, 50.558
CIE-LCH	76.411, 36.565, 224.761
CIE-LUV	76.411, -48.88, -37.386
Hunter-Lab	71.104, -25.883, -22.173
Binary	01001000, 11001100, 11101011

#48cceb
```
#48cceb rgb(72,204,235)
```
#eb6748
```
#eb6748 rgb(235,103,72)
```

Complementary Color

#48ebb9
```
#48ebb9 rgb(72,235,185)
```
#48cceb
```
#48cceb rgb(72,204,235)
```
#487beb
```
#487beb rgb(72,123,235)
```

Analogous Color

#ebb948
```
#ebb948 rgb(235,185,72)
```
#48cceb
```
#48cceb rgb(72,204,235)
```
#eb487b
```
#eb487b rgb(235,72,123)
```

Split Complementary Color

#cceb48
```
#cceb48 rgb(204,235,72)
```
#48cceb
```
#48cceb rgb(72,204,235)
```
#eb48cc
```
#eb48cc rgb(235,72,204)
```

Triadic Color

#48eb67
```
#48eb67 rgb(72,235,103)
```
#48cceb
```
#48cceb rgb(72,204,235)
```
#eb48cc
```
#eb48cc rgb(235,72,204)
```
#eb6748
```
#eb6748 rgb(235,103,72)
```

Tetradic Color

#17add0
```
#17add0 rgb(23,173,208)
```
#1abfe6
```
#1abfe6 rgb(26,191,230)
```
#31c6e8
```
#31c6e8 rgb(49,198,232)
```
#48cceb
```
#48cceb rgb(72,204,235)
```
#5fd2ee
```
#5fd2ee rgb(95,210,238)
```
#76d9f0
```
#76d9f0 rgb(118,217,240)
```
#8ddff3
```
#8ddff3 rgb(141,223,243)
```

Monochromatic Color

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

#48ebe1
```
#48ebe1 rgb(72,235,225)
```
#48e7eb
```
#48e7eb rgb(72,231,235)
```
#48daeb
```
#48daeb rgb(72,218,235)
```
#48cceb
```
#48cceb rgb(72,204,235)
```
#48beeb
```
#48beeb rgb(72,190,235)
```
#48b1eb
```
#48b1eb rgb(72,177,235)
```
#48a3eb
```
#48a3eb rgb(72,163,235)
```

Similar Colors

Text with hexadecimal color #48cceb

This text has a font color of #48cceb.

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

#48cceb background color

This paragraph has a background color of #48cceb.

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

#48cceb border color

This element has a border color of #48cceb.

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

CSS codes

.text {color:#48cceb;}

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

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

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

#010a0c
```
#010a0c rgb(1,10,12)
```
#03181d
```
#03181d rgb(3,24,29)
```
#05272f
```
#05272f rgb(5,39,47)
```
#073641
```
#073641 rgb(7,54,65)
```
#094452
```
#094452 rgb(9,68,82)
```
#0b5364
```
#0b5364 rgb(11,83,100)
```
#0d6276
```
#0d6276 rgb(13,98,118)
```
#0f7087
```
#0f7087 rgb(15,112,135)
```
#117f99
```
#117f99 rgb(17,127,153)
```
#138eab
```
#138eab rgb(19,142,171)
```
#159cbc
```
#159cbc rgb(21,156,188)
```
#17abce
```
#17abce rgb(23,171,206)
```
#18bae0
```
#18bae0 rgb(24,186,224)
```

Shade Color Variation

#25c2e7
```
#25c2e7 rgb(37,194,231)
```
#36c7e9
```
#36c7e9 rgb(54,199,233)
```
#48cceb
```
#48cceb rgb(72,204,235)
```
#5ad1ed
```
#5ad1ed rgb(90,209,237)
```
#6bd6ef
```
#6bd6ef rgb(107,214,239)
```
#7ddbf1
```
#7ddbf1 rgb(125,219,241)
```
#8fe0f3
```
#8fe0f3 rgb(143,224,243)
```
#a0e5f5
```
#a0e5f5 rgb(160,229,245)
```
#b2eaf7
```
#b2eaf7 rgb(178,234,247)
```
#c4eef9
```
#c4eef9 rgb(196,238,249)
```
#d5f3fa
```
#d5f3fa rgb(213,243,250)
```
#e7f8fc
```
#e7f8fc rgb(231,248,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969c9d is the less saturated color, while #38d6fb is the most saturated one.

#969c9d
```
#969c9d rgb(150,156,157)
```
#8ea0a5
```
#8ea0a5 rgb(142,160,165)
```
#86a5ad
```
#86a5ad rgb(134,165,173)
```
#7faab4
```
#7faab4 rgb(127,170,180)
```
#77afbc
```
#77afbc rgb(119,175,188)
```
#6fb4c4
```
#6fb4c4 rgb(111,180,196)
```
#67b9cc
```
#67b9cc rgb(103,185,204)
```
#5fbdd4
```
#5fbdd4 rgb(95,189,212)
```
#58c2db
```
#58c2db rgb(88,194,219)
```
#50c7e3
```
#50c7e3 rgb(80,199,227)
```
#48cceb
```
#48cceb rgb(72,204,235)
```
#40d1f3
```
#40d1f3 rgb(64,209,243)
```
#38d6fb
```
#38d6fb rgb(56,214,251)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#95afb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8bee1 Protanopia 1% of men
#b4bcf2 Deuteranopia 1% of men
#47d0e0 Tritanopia 0.001% of the population

Trichromacy

#8fc3e5 Protanomaly 1% of men, 0.01% of women
#8dc2ef Deuteranomaly 6% of men, 0.4% of women
#47cfe4 Tritanomaly 0.01% of the population