#48bce6 hex color

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

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

● #48bce6 color description : Soft blue.

The hexadecimal color #48bce6 has RGB values of R:72, G:188, B:230 and CMYK values of C:0.69, M:0.18, Y:0, K:0.1. Its decimal value is 4766950.

Hex triplet	48bce6	`#48bce6`
RGB Decimal	72, 188, 230	`rgb(72,188,230)`
RGB Percent	28.2, 73.7, 90.2	`rgb(28.2%,73.7%,90.2%)`
CMYK	69, 18, 0, 10
HSL	195.9°, 76, 59.2	`hsl(195.9,76%,59.2%)`
HSV (or HSB)	195.9°, 68.7, 90.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.592, -19.391, -30.443
XYZ	34.935, 43.054, 81.328
xyY	0.219, 0.27, 43.054
CIE-LCH	71.592, 36.094, 237.504
CIE-LUV	71.592, -43.488, -45.891
Hunter-Lab	65.616, -19.792, -27.556
Binary	01001000, 10111100, 11100110

#48bce6
```
#48bce6 rgb(72,188,230)
```
#e67248
```
#e67248 rgb(230,114,72)
```

Complementary Color

#48e6c1
```
#48e6c1 rgb(72,230,193)
```
#48bce6
```
#48bce6 rgb(72,188,230)
```
#486de6
```
#486de6 rgb(72,109,230)
```

Analogous Color

#e6c148
```
#e6c148 rgb(230,193,72)
```
#48bce6
```
#48bce6 rgb(72,188,230)
```
#e6486d
```
#e6486d rgb(230,72,109)
```

Split Complementary Color

#bce648
```
#bce648 rgb(188,230,72)
```
#48bce6
```
#48bce6 rgb(72,188,230)
```
#e648bc
```
#e648bc rgb(230,72,188)
```

Triadic Color

#48e672
```
#48e672 rgb(72,230,114)
```
#48bce6
```
#48bce6 rgb(72,188,230)
```
#e648bc
```
#e648bc rgb(230,72,188)
```
#e67248
```
#e67248 rgb(230,114,72)
```

Tetradic Color

#1b99c6
```
#1b99c6 rgb(27,153,198)
```
#1eaadd
```
#1eaadd rgb(30,170,221)
```
#32b4e3
```
#32b4e3 rgb(50,180,227)
```
#48bce6
```
#48bce6 rgb(72,188,230)
```
#5ec4e9
```
#5ec4e9 rgb(94,196,233)
```
#75ccec
```
#75ccec rgb(117,204,236)
```
#8bd5ef
```
#8bd5ef rgb(139,213,239)
```

Monochromatic Color

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

#48e4e6
```
#48e4e6 rgb(72,228,230)
```
#48d6e6
```
#48d6e6 rgb(72,214,230)
```
#48c9e6
```
#48c9e6 rgb(72,201,230)
```
#48bce6
```
#48bce6 rgb(72,188,230)
```
#48afe6
```
#48afe6 rgb(72,175,230)
```
#48a2e6
```
#48a2e6 rgb(72,162,230)
```
#4895e6
```
#4895e6 rgb(72,149,230)
```

Similar Colors

Text with hexadecimal color #48bce6

This text has a font color of #48bce6.

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

#48bce6 background color

This paragraph has a background color of #48bce6.

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

#48bce6 border color

This element has a border color of #48bce6.

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

CSS codes

.text {color:#48bce6;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#031318
```
#031318 rgb(3,19,24)
```
#062029
```
#062029 rgb(6,32,41)
```
#082d3b
```
#082d3b rgb(8,45,59)
```
#0a3a4c
```
#0a3a4c rgb(10,58,76)
```
#0d485d
```
#0d485d rgb(13,72,93)
```
#0f556e
```
#0f556e rgb(15,85,110)
```
#116280
```
#116280 rgb(17,98,128)
```
#147091
```
#147091 rgb(20,112,145)
```
#167da2
```
#167da2 rgb(22,125,162)
```
#198ab3
```
#198ab3 rgb(25,138,179)
```
#1b98c5
```
#1b98c5 rgb(27,152,197)
```
#1da5d6
```
#1da5d6 rgb(29,165,214)
```

Shade Color Variation

#25afe1
```
#25afe1 rgb(37,175,225)
```
#37b6e4
```
#37b6e4 rgb(55,182,228)
```
#48bce6
```
#48bce6 rgb(72,188,230)
```
#59c2e8
```
#59c2e8 rgb(89,194,232)
```
#6bc9eb
```
#6bc9eb rgb(107,201,235)
```
#7ccfed
```
#7ccfed rgb(124,207,237)
```
#8dd5ef
```
#8dd5ef rgb(141,213,239)
```
#9edcf2
```
#9edcf2 rgb(158,220,242)
```
#b0e2f4
```
#b0e2f4 rgb(176,226,244)
```
#c1e8f7
```
#c1e8f7 rgb(193,232,247)
```
#d2eff9
```
#d2eff9 rgb(210,239,249)
```
#e3f5fb
```
#e3f5fb rgb(227,245,251)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

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

#909a9e
```
#909a9e rgb(144,154,158)
```
#889ea6
```
#889ea6 rgb(136,158,166)
```
#80a2ae
```
#80a2ae rgb(128,162,174)
```
#78a6b6
```
#78a6b6 rgb(120,166,182)
```
#70a9be
```
#70a9be rgb(112,169,190)
```
#68adc6
```
#68adc6 rgb(104,173,198)
```
#60b1ce
```
#60b1ce rgb(96,177,206)
```
#58b5d6
```
#58b5d6 rgb(88,181,214)
```
#50b8de
```
#50b8de rgb(80,184,222)
```
#48bce6
```
#48bce6 rgb(72,188,230)
```
#40c0ee
```
#40c0ee rgb(64,192,238)
```
#38c3f6
```
#38c3f6 rgb(56,195,246)
```
#30c7fe
```
#30c7fe rgb(48,199,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8da4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b1de Protanopia 1% of men
#a1b1ec Deuteranopia 1% of men
#3fc3d1 Tritanopia 0.001% of the population

Trichromacy

#84b5e1 Protanomaly 1% of men, 0.01% of women
#81b5ea Deuteranomaly 6% of men, 0.4% of women
#42c0d9 Tritanomaly 0.01% of the population

#48bce6 hex color

#48bce6 Color Information

#48bce6 Color Conversion

Color Schemes with #48bce6

Alternatives to #48bce6

#48bce6 Preview

Shades and Tints of #48bce6

Tones of #48bce6

Color Blindness Simulator