#48bee6 hex color

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

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

● #48bee6 color description : Soft blue.

The hexadecimal color #48bee6 has RGB values of R:72, G:190, B:230 and CMYK values of C:0.69, M:0.17, Y:0, K:0.1. Its decimal value is 4767462.

Hex triplet	48bee6	`#48bee6`
RGB Decimal	72, 190, 230	`rgb(72,190,230)`
RGB Percent	28.2, 74.5, 90.2	`rgb(28.2%,74.5%,90.2%)`
CMYK	69, 17, 0, 10
HSL	195.2°, 76, 59.2	`hsl(195.2,76%,59.2%)`
HSV (or HSB)	195.2°, 68.7, 90.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.172, -20.426, -29.55
XYZ	35.365, 43.915, 81.471
xyY	0.22, 0.273, 43.915
CIE-LCH	72.172, 35.923, 235.347
CIE-LUV	72.172, -44.2, -44.288
Hunter-Lab	66.268, -20.71, -26.504
Binary	01001000, 10111110, 11100110

#48bee6
```
#48bee6 rgb(72,190,230)
```
#e67048
```
#e67048 rgb(230,112,72)
```

Complementary Color

#48e6bf
```
#48e6bf rgb(72,230,191)
```
#48bee6
```
#48bee6 rgb(72,190,230)
```
#486fe6
```
#486fe6 rgb(72,111,230)
```

Analogous Color

#e6bf48
```
#e6bf48 rgb(230,191,72)
```
#48bee6
```
#48bee6 rgb(72,190,230)
```
#e6486f
```
#e6486f rgb(230,72,111)
```

Split Complementary Color

#bee648
```
#bee648 rgb(190,230,72)
```
#48bee6
```
#48bee6 rgb(72,190,230)
```
#e648be
```
#e648be rgb(230,72,190)
```

Triadic Color

#48e670
```
#48e670 rgb(72,230,112)
```
#48bee6
```
#48bee6 rgb(72,190,230)
```
#e648be
```
#e648be rgb(230,72,190)
```
#e67048
```
#e67048 rgb(230,112,72)
```

Tetradic Color

#1b9bc6
```
#1b9bc6 rgb(27,155,198)
```
#1eaddd
```
#1eaddd rgb(30,173,221)
```
#32b6e3
```
#32b6e3 rgb(50,182,227)
```
#48bee6
```
#48bee6 rgb(72,190,230)
```
#5ec6e9
```
#5ec6e9 rgb(94,198,233)
```
#75ceec
```
#75ceec rgb(117,206,236)
```
#8bd6ef
```
#8bd6ef rgb(139,214,239)
```

Monochromatic Color

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

#48e6e6
```
#48e6e6 rgb(72,230,230)
```
#48d8e6
```
#48d8e6 rgb(72,216,230)
```
#48cbe6
```
#48cbe6 rgb(72,203,230)
```
#48bee6
```
#48bee6 rgb(72,190,230)
```
#48b1e6
```
#48b1e6 rgb(72,177,230)
```
#48a4e6
```
#48a4e6 rgb(72,164,230)
```
#4897e6
```
#4897e6 rgb(72,151,230)
```

Similar Colors

Text with hexadecimal color #48bee6

This text has a font color of #48bee6.

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

#48bee6 background color

This paragraph has a background color of #48bee6.

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

#48bee6 border color

This element has a border color of #48bee6.

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

CSS codes

.text {color:#48bee6;}

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

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

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)
```
#082e3b
```
#082e3b rgb(8,46,59)
```
#0a3b4c
```
#0a3b4c rgb(10,59,76)
```
#0d495d
```
#0d495d rgb(13,73,93)
```
#0f566e
```
#0f566e rgb(15,86,110)
```
#116480
```
#116480 rgb(17,100,128)
```
#147191
```
#147191 rgb(20,113,145)
```
#167fa2
```
#167fa2 rgb(22,127,162)
```
#198cb3
```
#198cb3 rgb(25,140,179)
```
#1b9ac5
```
#1b9ac5 rgb(27,154,197)
```
#1da7d6
```
#1da7d6 rgb(29,167,214)
```

Shade Color Variation

#25b2e1
```
#25b2e1 rgb(37,178,225)
```
#37b8e4
```
#37b8e4 rgb(55,184,228)
```
#48bee6
```
#48bee6 rgb(72,190,230)
```
#59c4e8
```
#59c4e8 rgb(89,196,232)
```
#6bcaeb
```
#6bcaeb rgb(107,202,235)
```
#7cd0ed
```
#7cd0ed rgb(124,208,237)
```
#8dd7ef
```
#8dd7ef rgb(141,215,239)
```
#9eddf2
```
#9eddf2 rgb(158,221,242)
```
#b0e3f4
```
#b0e3f4 rgb(176,227,244)
```
#c1e9f7
```
#c1e9f7 rgb(193,233,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 #30cafe 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)
```
#70aabe
```
#70aabe rgb(112,170,190)
```
#68aec6
```
#68aec6 rgb(104,174,198)
```
#60b2ce
```
#60b2ce rgb(96,178,206)
```
#58b6d6
```
#58b6d6 rgb(88,182,214)
```
#50bade
```
#50bade rgb(80,186,222)
```
#48bee6
```
#48bee6 rgb(72,190,230)
```
#40c2ee
```
#40c2ee rgb(64,194,238)
```
#38c6f6
```
#38c6f6 rgb(56,198,246)
```
#30cafe
```
#30cafe rgb(48,202,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8ea5ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b3de Protanopia 1% of men
#a4b2ed Deuteranopia 1% of men
#41c5d3 Tritanopia 0.001% of the population

Trichromacy

#86b7e0 Protanomaly 1% of men, 0.01% of women
#82b6ea Deuteranomaly 6% of men, 0.4% of women
#43c2da Tritanomaly 0.01% of the population

#48bee6 hex color

#48bee6 Color Information

#48bee6 Color Conversion

Color Schemes with #48bee6

Alternatives to #48bee6

#48bee6 Preview

Shades and Tints of #48bee6

Tones of #48bee6

Color Blindness Simulator