#48def9 hex color

In a RGB color space, hex #48def9 is composed of 28.2% red, 87.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 10.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 189.2 degrees, a saturation of 93.7% and a lightness of 62.9%. #48def9 color hex could be obtained by blending #90ffff with #00bdf3. Closest websafe color is: #33ccff.

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

● #48def9 color description : Bright cyan.

The hexadecimal color #48def9 has RGB values of R:72, G:222, B:249 and CMYK values of C:0.71, M:0.11, Y:0, K:0.02. Its decimal value is 4775673.

Hex triplet	48def9	`#48def9`
RGB Decimal	72, 222, 249	`rgb(72,222,249)`
RGB Percent	28.2, 87.1, 97.6	`rgb(28.2%,87.1%,97.6%)`
CMYK	71, 11, 0, 2
HSL	189.2°, 93.7, 62.9	`hsl(189.2,93.7%,62.9%)`
HSV (or HSB)	189.2°, 71.1, 97.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.085, -30.537, -24.557
XYZ	45.888, 60.456, 98.868
xyY	0.224, 0.295, 60.456
CIE-LCH	82.085, 39.187, 218.805
CIE-LUV	82.085, -54.337, -35.023
Hunter-Lab	77.753, -30.722, -20.964
Binary	01001000, 11011110, 11111001

#48def9
```
#48def9 rgb(72,222,249)
```
#f96348
```
#f96348 rgb(249,99,72)
```

Complementary Color

#48f9bc
```
#48f9bc rgb(72,249,188)
```
#48def9
```
#48def9 rgb(72,222,249)
```
#4886f9
```
#4886f9 rgb(72,134,249)
```

Analogous Color

#f9bc48
```
#f9bc48 rgb(249,188,72)
```
#48def9
```
#48def9 rgb(72,222,249)
```
#f94886
```
#f94886 rgb(249,72,134)
```

Split Complementary Color

#def948
```
#def948 rgb(222,249,72)
```
#48def9
```
#48def9 rgb(72,222,249)
```
#f948de
```
#f948de rgb(249,72,222)
```

Triadic Color

#48f963
```
#48f963 rgb(72,249,99)
```
#48def9
```
#48def9 rgb(72,222,249)
```
#f948de
```
#f948de rgb(249,72,222)
```
#f96348
```
#f96348 rgb(249,99,72)
```

Tetradic Color

#08caed
```
#08caed rgb(8,202,237)
```
#17d5f7
```
#17d5f7 rgb(23,213,247)
```
#2fdaf8
```
#2fdaf8 rgb(47,218,248)
```
#48def9
```
#48def9 rgb(72,222,249)
```
#61e2fa
```
#61e2fa rgb(97,226,250)
```
#79e7fb
```
#79e7fb rgb(121,231,251)
```
#92ebfb
```
#92ebfb rgb(146,235,251)
```

Monochromatic Color

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

#48f9e8
```
#48f9e8 rgb(72,249,232)
```
#48f9f7
```
#48f9f7 rgb(72,249,247)
```
#48edf9
```
#48edf9 rgb(72,237,249)
```
#48def9
```
#48def9 rgb(72,222,249)
```
#48cff9
```
#48cff9 rgb(72,207,249)
```
#48c1f9
```
#48c1f9 rgb(72,193,249)
```
#48b2f9
```
#48b2f9 rgb(72,178,249)
```

Similar Colors

Text with hexadecimal color #48def9

This text has a font color of #48def9.

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

#48def9 background color

This paragraph has a background color of #48def9.

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

#48def9 border color

This element has a border color of #48def9.

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

CSS codes

.text {color:#48def9;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01161a
```
#01161a rgb(1,22,26)
```
#01262d
```
#01262d rgb(1,38,45)
```
#023640
```
#023640 rgb(2,54,64)
```
#034753
```
#034753 rgb(3,71,83)
```
#035766
```
#035766 rgb(3,87,102)
```
#046779
```
#046779 rgb(4,103,121)
```
#05778c
```
#05778c rgb(5,119,140)
```
#05879f
```
#05879f rgb(5,135,159)
```
#0698b2
```
#0698b2 rgb(6,152,178)
```
#06a8c5
```
#06a8c5 rgb(6,168,197)
```
#07b8d8
```
#07b8d8 rgb(7,184,216)
```
#08c8eb
```
#08c8eb rgb(8,200,235)
```

Shade Color Variation

#0fd4f7
```
#0fd4f7 rgb(15,212,247)
```
#22d7f8
```
#22d7f8 rgb(34,215,248)
```
#35dbf8
```
#35dbf8 rgb(53,219,248)
```
#48def9
```
#48def9 rgb(72,222,249)
```
#5be1fa
```
#5be1fa rgb(91,225,250)
```
#6ee5fa
```
#6ee5fa rgb(110,229,250)
```
#81e8fb
```
#81e8fb rgb(129,232,251)
```
#94ecfb
```
#94ecfb rgb(148,236,251)
```
#a7effc
```
#a7effc rgb(167,239,252)
```
#baf3fd
```
#baf3fd rgb(186,243,253)
```
#cdf6fd
```
#cdf6fd rgb(205,246,253)
```
#e0f9fe
```
#e0f9fe rgb(224,249,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa1a2 is the less saturated color, while #48def9 is the most saturated one.

#9fa1a2
```
#9fa1a2 rgb(159,161,162)
```
#98a6a9
```
#98a6a9 rgb(152,166,169)
```
#91abb0
```
#91abb0 rgb(145,171,176)
```
#89b1b8
```
#89b1b8 rgb(137,177,184)
```
#82b6bf
```
#82b6bf rgb(130,182,191)
```
#7bbbc6
```
#7bbbc6 rgb(123,187,198)
```
#74c0cd
```
#74c0cd rgb(116,192,205)
```
#6cc5d5
```
#6cc5d5 rgb(108,197,213)
```
#65cadc
```
#65cadc rgb(101,202,220)
```
#5ecfe3
```
#5ecfe3 rgb(94,207,227)
```
#57d4ea
```
#57d4ea rgb(87,212,234)
```
#4fd9f2
```
#4fd9f2 rgb(79,217,242)
```
#48def9
```
#48def9 rgb(72,222,249)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9ebcc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cded Protanopia 1% of men
#c6cbff Deuteranopia 1% of men
#4ae1f1 Tritanopia 0.001% of the population

Trichromacy

#99d3f1 Protanomaly 1% of men, 0.01% of women
#98d2fc Deuteranomaly 6% of men, 0.4% of women
#49dff4 Tritanomaly 0.01% of the population

#48def9 hex color

#48def9 Color Information

#48def9 Color Conversion

Color Schemes with #48def9

Alternatives to #48def9

#48def9 Preview

Shades and Tints of #48def9

Tones of #48def9

Color Blindness Simulator