#48b2e2 hex color

In a RGB color space, hex #48b2e2 is composed of 28.2% red, 69.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 21.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 198.7 degrees, a saturation of 72.6% and a lightness of 58.4%. #48b2e2 color hex could be obtained by blending #90ffff with #0065c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 70
- B 89
RGB color chart
- C 68
- M 21
- Y 0
- K 11
CMYK color chart

● #48b2e2 color description : Soft blue.

The hexadecimal color #48b2e2 has RGB values of R:72, G:178, B:226 and CMYK values of C:0.68, M:0.21, Y:0, K:0.11. Its decimal value is 4764386.

Hex triplet	48b2e2	`#48b2e2`
RGB Decimal	72, 178, 226	`rgb(72,178,226)`
RGB Percent	28.2, 69.8, 88.6	`rgb(28.2%,69.8%,88.6%)`
CMYK	68, 21, 0, 11
HSL	198.7°, 72.6, 58.4	`hsl(198.7,72.6%,58.4%)`
HSV (or HSB)	198.7°, 68.1, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	68.538, -15.41, -32.98
XYZ	32.317, 38.707, 77.715
xyY	0.217, 0.26, 38.707
CIE-LCH	68.538, 36.403, 244.956
CIE-LUV	68.538, -40.143, -50.424
Hunter-Lab	62.215, -16.156, -30.511
Binary	01001000, 10110010, 11100010

#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#e27848
```
#e27848 rgb(226,120,72)
```

Complementary Color

#48e2c5
```
#48e2c5 rgb(72,226,197)
```
#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#4865e2
```
#4865e2 rgb(72,101,226)
```

Analogous Color

#e2c548
```
#e2c548 rgb(226,197,72)
```
#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#e24865
```
#e24865 rgb(226,72,101)
```

Split Complementary Color

#b2e248
```
#b2e248 rgb(178,226,72)
```
#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#e248b2
```
#e248b2 rgb(226,72,178)
```

Triadic Color

#48e278
```
#48e278 rgb(72,226,120)
```
#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#e248b2
```
#e248b2 rgb(226,72,178)
```
#e27848
```
#e27848 rgb(226,120,72)
```

Tetradic Color

#1e8dbf
```
#1e8dbf rgb(30,141,191)
```
#229dd5
```
#229dd5 rgb(34,157,213)
```
#32a9df
```
#32a9df rgb(50,169,223)
```
#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#5ebbe5
```
#5ebbe5 rgb(94,187,229)
```
#74c5e9
```
#74c5e9 rgb(116,197,233)
```
#8aceec
```
#8aceec rgb(138,206,236)
```

Monochromatic Color

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

#48d9e2
```
#48d9e2 rgb(72,217,226)
```
#48cce2
```
#48cce2 rgb(72,204,226)
```
#48bfe2
```
#48bfe2 rgb(72,191,226)
```
#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#48a5e2
```
#48a5e2 rgb(72,165,226)
```
#4898e2
```
#4898e2 rgb(72,152,226)
```
#488ce2
```
#488ce2 rgb(72,140,226)
```

Similar Colors

Text with hexadecimal color #48b2e2

This text has a font color of #48b2e2.

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

#48b2e2 background color

This paragraph has a background color of #48b2e2.

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

#48b2e2 border color

This element has a border color of #48b2e2.

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

CSS codes

.text {color:#48b2e2;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#030f14
```
#030f14 rgb(3,15,20)
```
#061b25
```
#061b25 rgb(6,27,37)
```
#092836
```
#092836 rgb(9,40,54)
```
#0b3447
```
#0b3447 rgb(11,52,71)
```
#0e4158
```
#0e4158 rgb(14,65,88)
```
#114d69
```
#114d69 rgb(17,77,105)
```
#135a7a
```
#135a7a rgb(19,90,122)
```
#16668b
```
#16668b rgb(22,102,139)
```
#19739c
```
#19739c rgb(25,115,156)
```
#1b7fad
```
#1b7fad rgb(27,127,173)
```
#1e8cbe
```
#1e8cbe rgb(30,140,190)
```
#2198ce
```
#2198ce rgb(33,152,206)
```

Shade Color Variation

#26a4dd
```
#26a4dd rgb(38,164,221)
```
#37abdf
```
#37abdf rgb(55,171,223)
```
#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#59b9e5
```
#59b9e5 rgb(89,185,229)
```
#6ac0e7
```
#6ac0e7 rgb(106,192,231)
```
#7bc7ea
```
#7bc7ea rgb(123,199,234)
```
#8cceed
```
#8cceed rgb(140,206,237)
```
#9dd6ef
```
#9dd6ef rgb(157,214,239)
```
#aeddf2
```
#aeddf2 rgb(174,221,242)
```
#bfe4f5
```
#bfe4f5 rgb(191,228,245)
```
#cfebf7
```
#cfebf7 rgb(207,235,247)
```
#e0f2fa
```
#e0f2fa rgb(224,242,250)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

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

#919699
```
#919699 rgb(145,150,153)
```
#8999a1
```
#8999a1 rgb(137,153,161)
```
#819da9
```
#819da9 rgb(129,157,169)
```
#79a0b1
```
#79a0b1 rgb(121,160,177)
```
#71a3b9
```
#71a3b9 rgb(113,163,185)
```
#69a6c1
```
#69a6c1 rgb(105,166,193)
```
#60a9ca
```
#60a9ca rgb(96,169,202)
```
#58acd2
```
#58acd2 rgb(88,172,210)
```
#50afda
```
#50afda rgb(80,175,218)
```
#48b2e2
```
#48b2e2 rgb(72,178,226)
```
#40b5ea
```
#40b5ea rgb(64,181,234)
```
#38b8f2
```
#38b8f2 rgb(56,184,242)
```
#30bbfa
```
#30bbfa rgb(48,187,250)
```

Tone Color Variation

Below, you can see how #48b2e2 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
#889da7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da9db Protanopia 1% of men
#95a9e8 Deuteranopia 1% of men
#3bbbc8 Tritanopia 0.001% of the population

Trichromacy

#7eacdd Protanomaly 1% of men, 0.01% of women
#79ace5 Deuteranomaly 6% of men, 0.4% of women
#3fb7d1 Tritanomaly 0.01% of the population

#48b2e2 hex color

#48b2e2 Color Information

#48b2e2 Color Conversion

Color Schemes with #48b2e2

Alternatives to #48b2e2

#48b2e2 Preview

Shades and Tints of #48b2e2

Tones of #48b2e2

Color Blindness Simulator