#48b6ce hex color

In a RGB color space, hex #48b6ce is composed of 28.2% red, 71.4% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 11.7% magenta, 0% yellow and 19.2% black. It has a hue angle of 190.7 degrees, a saturation of 57.8% and a lightness of 54.5%. #48b6ce color hex could be obtained by blending #90ffff with #006d9d. Closest websafe color is: #33cccc.

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

● #48b6ce color description : Moderate cyan.

The hexadecimal color #48b6ce has RGB values of R:72, G:182, B:206 and CMYK values of C:0.65, M:0.12, Y:0, K:0.19. Its decimal value is 4765390.

Hex triplet	48b6ce	`#48b6ce`
RGB Decimal	72, 182, 206	`rgb(72,182,206)`
RGB Percent	28.2, 71.4, 80.8	`rgb(28.2%,71.4%,80.8%)`
CMYK	65, 12, 0, 19
HSL	190.7°, 57.8, 54.5	`hsl(190.7,57.8%,54.5%)`
HSV (or HSB)	190.7°, 65, 80.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.959, -23.747, -21.369
XYZ	30.538, 39.287, 64.363
xyY	0.228, 0.293, 39.287
CIE-LCH	68.959, 31.946, 221.983
CIE-LUV	68.959, -42.654, -29.931
Hunter-Lab	62.68, -22.723, -17.007
Binary	01001000, 10110110, 11001110

#48b6ce
```
#48b6ce rgb(72,182,206)
```
#ce6048
```
#ce6048 rgb(206,96,72)
```

Complementary Color

#48cea3
```
#48cea3 rgb(72,206,163)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#4873ce
```
#4873ce rgb(72,115,206)
```

Analogous Color

#cea348
```
#cea348 rgb(206,163,72)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#ce4873
```
#ce4873 rgb(206,72,115)
```

Split Complementary Color

#b6ce48
```
#b6ce48 rgb(182,206,72)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#ce48b6
```
#ce48b6 rgb(206,72,182)
```

Triadic Color

#48ce60
```
#48ce60 rgb(72,206,96)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#ce48b6
```
#ce48b6 rgb(206,72,182)
```
#ce6048
```
#ce6048 rgb(206,96,72)
```

Tetradic Color

#2b8a9f
```
#2b8a9f rgb(43,138,159)
```
#309cb3
```
#309cb3 rgb(48,156,179)
```
#35adc7
```
#35adc7 rgb(53,173,199)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#5cbed3
```
#5cbed3 rgb(92,190,211)
```
#70c6d9
```
#70c6d9 rgb(112,198,217)
```
#84cede
```
#84cede rgb(132,206,222)
```

Monochromatic Color

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

#48cec5
```
#48cec5 rgb(72,206,197)
```
#48ccce
```
#48ccce rgb(72,204,206)
```
#48c1ce
```
#48c1ce rgb(72,193,206)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#48abce
```
#48abce rgb(72,171,206)
```
#48a0ce
```
#48a0ce rgb(72,160,206)
```
#4895ce
```
#4895ce rgb(72,149,206)
```

Similar Colors

Text with hexadecimal color #48b6ce

This text has a font color of #48b6ce.

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

#48b6ce background color

This paragraph has a background color of #48b6ce.

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

#48b6ce border color

This element has a border color of #48b6ce.

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

CSS codes

.text {color:#48b6ce;}

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

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

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 #f2fafc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#051012
```
#051012 rgb(5,16,18)
```
#091d22
```
#091d22 rgb(9,29,34)
```
#0d2b31
```
#0d2b31 rgb(13,43,49)
```
#113841
```
#113841 rgb(17,56,65)
```
#154650
```
#154650 rgb(21,70,80)
```
#1a5360
```
#1a5360 rgb(26,83,96)
```
#1e606f
```
#1e606f rgb(30,96,111)
```
#226e7e
```
#226e7e rgb(34,110,126)
```
#267b8e
```
#267b8e rgb(38,123,142)
```
#2a899d
```
#2a899d rgb(42,137,157)
```
#2e96ad
```
#2e96ad rgb(46,150,173)
```
#32a4bc
```
#32a4bc rgb(50,164,188)
```

Shade Color Variation

#39b0ca
```
#39b0ca rgb(57,176,202)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#57bcd2
```
#57bcd2 rgb(87,188,210)
```
#67c2d6
```
#67c2d6 rgb(103,194,214)
```
#76c9da
```
#76c9da rgb(118,201,218)
```
#86cfdf
```
#86cfdf rgb(134,207,223)
```
#95d5e3
```
#95d5e3 rgb(149,213,227)
```
#a5dbe7
```
#a5dbe7 rgb(165,219,231)
```
#b4e1eb
```
#b4e1eb rgb(180,225,235)
```
#c4e7ef
```
#c4e7ef rgb(196,231,239)
```
#d3eef3
```
#d3eef3 rgb(211,238,243)
```
#e3f4f7
```
#e3f4f7 rgb(227,244,247)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

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

#868e90
```
#868e90 rgb(134,142,144)
```
#7e9498
```
#7e9498 rgb(126,148,152)
```
#7599a1
```
#7599a1 rgb(117,153,161)
```
#6c9faa
```
#6c9faa rgb(108,159,170)
```
#63a5b3
```
#63a5b3 rgb(99,165,179)
```
#5aabbc
```
#5aabbc rgb(90,171,188)
```
#51b0c5
```
#51b0c5 rgb(81,176,197)
```
#48b6ce
```
#48b6ce rgb(72,182,206)
```
#3fbcd7
```
#3fbcd7 rgb(63,188,215)
```
#36c1e0
```
#36c1e0 rgb(54,193,224)
```
#2dc7e9
```
#2dc7e9 rgb(45,199,233)
```
#24cdf2
```
#24cdf2 rgb(36,205,242)
```
#1bd3fb
```
#1bd3fb rgb(27,211,251)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#889ea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6abc7 Protanopia 1% of men
#a5a9d6 Deuteranopia 1% of men
#4cbbc8 Tritanopia 0.001% of the population

Trichromacy

#84afc9 Protanomaly 1% of men, 0.01% of women
#83aed3 Deuteranomaly 6% of men, 0.4% of women
#4ab9ca Tritanomaly 0.01% of the population

#48b6ce hex color

#48b6ce Color Information

#48b6ce Color Conversion

Color Schemes with #48b6ce

Alternatives to #48b6ce

#48b6ce Preview

Shades and Tints of #48b6ce

Tones of #48b6ce

Color Blindness Simulator