#48dfe3 hex color

In a RGB color space, hex #48dfe3 is composed of 28.2% red, 87.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 1.8% magenta, 0% yellow and 11% black. It has a hue angle of 181.5 degrees, a saturation of 73.5% and a lightness of 58.6%. #48dfe3 color hex could be obtained by blending #90ffff with #00bfc7. Closest websafe color is: #33cccc.

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

● #48dfe3 color description : Soft cyan.

The hexadecimal color #48dfe3 has RGB values of R:72, G:223, B:227 and CMYK values of C:0.68, M:0.02, Y:0, K:0.11. Its decimal value is 4775907.

Hex triplet	48dfe3	`#48dfe3`
RGB Decimal	72, 223, 227	`rgb(72,223,227)`
RGB Percent	28.2, 87.5, 89	`rgb(28.2%,87.5%,89%)`
CMYK	68, 2, 0, 11
HSL	181.5°, 73.5, 58.6	`hsl(181.5,73.5%,58.6%)`
HSV (or HSB)	181.5°, 68.3, 89
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.672, -37.399, -13.509
XYZ	42.921, 59.695, 81.929
xyY	0.233, 0.323, 59.695
CIE-LCH	81.672, 39.764, 199.861
CIE-LUV	81.672, -56.116, -15.527
Hunter-Lab	77.263, -36.049, -8.787
Binary	01001000, 11011111, 11100011

#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#e34c48
```
#e34c48 rgb(227,76,72)
```

Complementary Color

#48e39a
```
#48e39a rgb(72,227,154)
```
#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#4892e3
```
#4892e3 rgb(72,146,227)
```

Analogous Color

#e39a48
```
#e39a48 rgb(227,154,72)
```
#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#e34892
```
#e34892 rgb(227,72,146)
```

Split Complementary Color

#dfe348
```
#dfe348 rgb(223,227,72)
```
#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#e348df
```
#e348df rgb(227,72,223)
```

Triadic Color

#48e34c
```
#48e34c rgb(72,227,76)
```
#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#e348df
```
#e348df rgb(227,72,223)
```
#e34c48
```
#e34c48 rgb(227,76,72)
```

Tetradic Color

#1ebdc1
```
#1ebdc1 rgb(30,189,193)
```
#21d2d7
```
#21d2d7 rgb(33,210,215)
```
#32dbe0
```
#32dbe0 rgb(50,219,224)
```
#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#5ee3e6
```
#5ee3e6 rgb(94,227,230)
```
#74e7ea
```
#74e7ea rgb(116,231,234)
```
#8aebed
```
#8aebed rgb(138,235,237)
```

Monochromatic Color

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

#48e3c0
```
#48e3c0 rgb(72,227,192)
```
#48e3cd
```
#48e3cd rgb(72,227,205)
```
#48e3da
```
#48e3da rgb(72,227,218)
```
#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#48d2e3
```
#48d2e3 rgb(72,210,227)
```
#48c5e3
```
#48c5e3 rgb(72,197,227)
```
#48b8e3
```
#48b8e3 rgb(72,184,227)
```

Similar Colors

Text with hexadecimal color #48dfe3

This text has a font color of #48dfe3.

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

#48dfe3 background color

This paragraph has a background color of #48dfe3.

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

#48dfe3 border color

This element has a border color of #48dfe3.

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

CSS codes

.text {color:#48dfe3;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031515
```
#031515 rgb(3,21,21)
```
#062526
```
#062526 rgb(6,37,38)
```
#083637
```
#083637 rgb(8,54,55)
```
#0b4748
```
#0b4748 rgb(11,71,72)
```
#0e5759
```
#0e5759 rgb(14,87,89)
```
#10686a
```
#10686a rgb(16,104,106)
```
#13797b
```
#13797b rgb(19,121,123)
```
#15898c
```
#15898c rgb(21,137,140)
```
#189a9d
```
#189a9d rgb(24,154,157)
```
#1baaae
```
#1baaae rgb(27,170,174)
```
#1dbbbf
```
#1dbbbf rgb(29,187,191)
```
#20ccd0
```
#20ccd0 rgb(32,204,208)
```

Shade Color Variation

#26d9de
```
#26d9de rgb(38,217,222)
```
#37dce0
```
#37dce0 rgb(55,220,224)
```
#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#59e2e6
```
#59e2e6 rgb(89,226,230)
```
#6ae5e8
```
#6ae5e8 rgb(106,229,232)
```
#7be8eb
```
#7be8eb rgb(123,232,235)
```
#8cebed
```
#8cebed rgb(140,235,237)
```
#9deef0
```
#9deef0 rgb(157,238,240)
```
#aef1f3
```
#aef1f3 rgb(174,241,243)
```
#bff4f5
```
#bff4f5 rgb(191,244,245)
```
#d0f7f8
```
#d0f7f8 rgb(208,247,248)
```
#e1fafa
```
#e1fafa rgb(225,250,250)
```
#f2fdfd
```
#f2fdfd rgb(242,253,253)
```

Tint Color Variation

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

#919a9a
```
#919a9a rgb(145,154,154)
```
#89a1a2
```
#89a1a2 rgb(137,161,162)
```
#81a9aa
```
#81a9aa rgb(129,169,170)
```
#79b1b2
```
#79b1b2 rgb(121,177,178)
```
#71b9ba
```
#71b9ba rgb(113,185,186)
```
#68c0c3
```
#68c0c3 rgb(104,192,195)
```
#60c8cb
```
#60c8cb rgb(96,200,203)
```
#58d0d3
```
#58d0d3 rgb(88,208,211)
```
#50d7db
```
#50d7db rgb(80,215,219)
```
#48dfe3
```
#48dfe3 rgb(72,223,227)
```
#40e7eb
```
#40e7eb rgb(64,231,235)
```
#38eef3
```
#38eef3 rgb(56,238,243)
```
#30f6fb
```
#30f6fb rgb(48,246,251)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9dbbbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdccd8 Protanopia 1% of men
#d0c9ed Deuteranopia 1% of men
#59deef Tritanopia 0.001% of the population

Trichromacy

#9dd3dc Protanomaly 1% of men, 0.01% of women
#9fd1e9 Deuteranomaly 6% of men, 0.4% of women
#53deea Tritanomaly 0.01% of the population

#48dfe3 hex color

#48dfe3 Color Information

#48dfe3 Color Conversion

Color Schemes with #48dfe3

Alternatives to #48dfe3

#48dfe3 Preview

Shades and Tints of #48dfe3

Tones of #48dfe3

Color Blindness Simulator