#48b6e6 hex color

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

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

● #48b6e6 color description : Soft blue.

The hexadecimal color #48b6e6 has RGB values of R:72, G:182, B:230 and CMYK values of C:0.69, M:0.21, Y:0, K:0.1. Its decimal value is 4765414.

Hex triplet	48b6e6	`#48b6e6`
RGB Decimal	72, 182, 230	`rgb(72,182,230)`
RGB Percent	28.2, 71.4, 90.2	`rgb(28.2%,71.4%,90.2%)`
CMYK	69, 21, 0, 10
HSL	198.2°, 76, 59.2	`hsl(198.2,76%,59.2%)`
HSV (or HSB)	198.2°, 68.7, 90.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.855, -16.248, -33.126
XYZ	33.68, 40.544, 80.909
xyY	0.217, 0.261, 40.544
CIE-LCH	69.855, 36.896, 243.872
CIE-LUV	69.855, -41.357, -50.694
Hunter-Lab	63.674, -17.014, -30.767
Binary	01001000, 10110110, 11100110

#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#e67848
```
#e67848 rgb(230,120,72)
```

Complementary Color

#48e6c7
```
#48e6c7 rgb(72,230,199)
```
#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#4867e6
```
#4867e6 rgb(72,103,230)
```

Analogous Color

#e6c748
```
#e6c748 rgb(230,199,72)
```
#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#e64867
```
#e64867 rgb(230,72,103)
```

Split Complementary Color

#b6e648
```
#b6e648 rgb(182,230,72)
```
#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#e648b6
```
#e648b6 rgb(230,72,182)
```

Triadic Color

#48e678
```
#48e678 rgb(72,230,120)
```
#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#e648b6
```
#e648b6 rgb(230,72,182)
```
#e67848
```
#e67848 rgb(230,120,72)
```

Tetradic Color

#1b92c6
```
#1b92c6 rgb(27,146,198)
```
#1ea3dd
```
#1ea3dd rgb(30,163,221)
```
#32ade3
```
#32ade3 rgb(50,173,227)
```
#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#5ebfe9
```
#5ebfe9 rgb(94,191,233)
```
#75c8ec
```
#75c8ec rgb(117,200,236)
```
#8bd1ef
```
#8bd1ef rgb(139,209,239)
```

Monochromatic Color

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

#48dee6
```
#48dee6 rgb(72,222,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)
```
#488fe6
```
#488fe6 rgb(72,143,230)
```

Similar Colors

Text with hexadecimal color #48b6e6

This text has a font color of #48b6e6.

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

#48b6e6 background color

This paragraph has a background color of #48b6e6.

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

#48b6e6 border color

This element has a border color of #48b6e6.

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

CSS codes

.text {color:#48b6e6;}

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

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

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)
```
#031218
```
#031218 rgb(3,18,24)
```
#061f29
```
#061f29 rgb(6,31,41)
```
#082b3b
```
#082b3b rgb(8,43,59)
```
#0a384c
```
#0a384c rgb(10,56,76)
```
#0d455d
```
#0d455d rgb(13,69,93)
```
#0f516e
```
#0f516e rgb(15,81,110)
```
#115e80
```
#115e80 rgb(17,94,128)
```
#146b91
```
#146b91 rgb(20,107,145)
```
#1678a2
```
#1678a2 rgb(22,120,162)
```
#1984b3
```
#1984b3 rgb(25,132,179)
```
#1b91c5
```
#1b91c5 rgb(27,145,197)
```
#1d9ed6
```
#1d9ed6 rgb(29,158,214)
```

Shade Color Variation

#25a8e1
```
#25a8e1 rgb(37,168,225)
```
#37afe4
```
#37afe4 rgb(55,175,228)
```
#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#59bde8
```
#59bde8 rgb(89,189,232)
```
#6bc4eb
```
#6bc4eb rgb(107,196,235)
```
#7ccbed
```
#7ccbed rgb(124,203,237)
```
#8dd2ef
```
#8dd2ef rgb(141,210,239)
```
#9ed8f2
```
#9ed8f2 rgb(158,216,242)
```
#b0dff4
```
#b0dff4 rgb(176,223,244)
```
#c1e6f7
```
#c1e6f7 rgb(193,230,247)
```
#d2edf9
```
#d2edf9 rgb(210,237,249)
```
#e3f4fb
```
#e3f4fb rgb(227,244,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 #30bffe is the most saturated one.

#909a9e
```
#909a9e rgb(144,154,158)
```
#889da6
```
#889da6 rgb(136,157,166)
```
#80a0ae
```
#80a0ae rgb(128,160,174)
```
#78a3b6
```
#78a3b6 rgb(120,163,182)
```
#70a6be
```
#70a6be rgb(112,166,190)
```
#68a9c6
```
#68a9c6 rgb(104,169,198)
```
#60adce
```
#60adce rgb(96,173,206)
```
#58b0d6
```
#58b0d6 rgb(88,176,214)
```
#50b3de
```
#50b3de rgb(80,179,222)
```
#48b6e6
```
#48b6e6 rgb(72,182,230)
```
#40b9ee
```
#40b9ee rgb(64,185,238)
```
#38bcf6
```
#38bcf6 rgb(56,188,246)
```
#30bffe
```
#30bffe rgb(48,191,254)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0adde Protanopia 1% of men
#99adec Deuteranopia 1% of men
#3abecc Tritanopia 0.001% of the population

Trichromacy

#80b0e1 Protanomaly 1% of men, 0.01% of women
#7bb0e9 Deuteranomaly 6% of men, 0.4% of women
#3fbbd5 Tritanomaly 0.01% of the population

#48b6e6 hex color

#48b6e6 Color Information

#48b6e6 Color Conversion

Color Schemes with #48b6e6

Alternatives to #48b6e6

#48b6e6 Preview

Shades and Tints of #48b6e6

Tones of #48b6e6

Color Blindness Simulator