#48afc9 hex color

In a RGB color space, hex #48afc9 is composed of 28.2% red, 68.6% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 12.9% magenta, 0% yellow and 21.2% black. It has a hue angle of 192.1 degrees, a saturation of 54.4% and a lightness of 53.5%. #48afc9 color hex could be obtained by blending #90ffff with #005f93. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 69
- B 79
RGB color chart
- C 64
- M 13
- Y 0
- K 21
CMYK color chart

● #48afc9 color description : Moderate cyan.

The hexadecimal color #48afc9 has RGB values of R:72, G:175, B:201 and CMYK values of C:0.64, M:0.13, Y:0, K:0.21. Its decimal value is 4763593.

Hex triplet	48afc9	`#48afc9`
RGB Decimal	72, 175, 201	`rgb(72,175,201)`
RGB Percent	28.2, 68.6, 78.8	`rgb(28.2%,68.6%,78.8%)`
CMYK	64, 13, 0, 21
HSL	192.1°, 54.4, 53.5	`hsl(192.1,54.4%,53.5%)`
HSV (or HSB)	192.1°, 64.2, 78.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.712, -21.692, -22.04
XYZ	28.542, 36.252, 60.748
xyY	0.227, 0.289, 36.252
CIE-LCH	66.712, 30.924, 225.455
CIE-LUV	66.712, -40.36, -31.173
Hunter-Lab	60.21, -20.751, -17.673
Binary	01001000, 10101111, 11001001

#48afc9
```
#48afc9 rgb(72,175,201)
```
#c96248
```
#c96248 rgb(201,98,72)
```

Complementary Color

#48c9a3
```
#48c9a3 rgb(72,201,163)
```
#48afc9
```
#48afc9 rgb(72,175,201)
```
#486fc9
```
#486fc9 rgb(72,111,201)
```

Analogous Color

#c9a348
```
#c9a348 rgb(201,163,72)
```
#48afc9
```
#48afc9 rgb(72,175,201)
```
#c9486f
```
#c9486f rgb(201,72,111)
```

Split Complementary Color

#afc948
```
#afc948 rgb(175,201,72)
```
#48afc9
```
#48afc9 rgb(72,175,201)
```
#c948af
```
#c948af rgb(201,72,175)
```

Triadic Color

#48c962
```
#48c962 rgb(72,201,98)
```
#48afc9
```
#48afc9 rgb(72,175,201)
```
#c948af
```
#c948af rgb(201,72,175)
```
#c96248
```
#c96248 rgb(201,98,72)
```

Tetradic Color

#2d8298
```
#2d8298 rgb(45,130,152)
```
#3393ab
```
#3393ab rgb(51,147,171)
```
#38a4bf
```
#38a4bf rgb(56,164,191)
```
#48afc9
```
#48afc9 rgb(72,175,201)
```
#5cb8cf
```
#5cb8cf rgb(92,184,207)
```
#6fc0d5
```
#6fc0d5 rgb(111,192,213)
```
#83c9da
```
#83c9da rgb(131,201,218)
```

Monochromatic Color

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

#48c9c3
```
#48c9c3 rgb(72,201,195)
```
#48c5c9
```
#48c5c9 rgb(72,197,201)
```
#48bac9
```
#48bac9 rgb(72,186,201)
```
#48afc9
```
#48afc9 rgb(72,175,201)
```
#48a4c9
```
#48a4c9 rgb(72,164,201)
```
#489ac9
```
#489ac9 rgb(72,154,201)
```
#488fc9
```
#488fc9 rgb(72,143,201)
```

Similar Colors

Text with hexadecimal color #48afc9

This text has a font color of #48afc9.

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

#48afc9 background color

This paragraph has a background color of #48afc9.

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

#48afc9 border color

This element has a border color of #48afc9.

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

CSS codes

.text {color:#48afc9;}

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

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

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, #040c0e is the darkest color, while #fefeff is the lightest one.

#040c0e
```
#040c0e rgb(4,12,14)
```
#09191d
```
#09191d rgb(9,25,29)
```
#0d262c
```
#0d262c rgb(13,38,44)
```
#12333b
```
#12333b rgb(18,51,59)
```
#16404a
```
#16404a rgb(22,64,74)
```
#1a4d5a
```
#1a4d5a rgb(26,77,90)
```
#1f5a69
```
#1f5a69 rgb(31,90,105)
```
#236778
```
#236778 rgb(35,103,120)
```
#287487
```
#287487 rgb(40,116,135)
```
#2c8196
```
#2c8196 rgb(44,129,150)
```
#318ea5
```
#318ea5 rgb(49,142,165)
```
#359bb5
```
#359bb5 rgb(53,155,181)
```
#3aa8c4
```
#3aa8c4 rgb(58,168,196)
```

Shade Color Variation

#48afc9
```
#48afc9 rgb(72,175,201)
```
#57b6cd
```
#57b6cd rgb(87,182,205)
```
#66bcd2
```
#66bcd2 rgb(102,188,210)
```
#75c3d6
```
#75c3d6 rgb(117,195,214)
```
#85c9db
```
#85c9db rgb(133,201,219)
```
#94d0df
```
#94d0df rgb(148,208,223)
```
#a3d7e4
```
#a3d7e4 rgb(163,215,228)
```
#b2dde8
```
#b2dde8 rgb(178,221,232)
```
#c1e4ed
```
#c1e4ed rgb(193,228,237)
```
#d0ebf1
```
#d0ebf1 rgb(208,235,241)
```
#dff1f6
```
#dff1f6 rgb(223,241,246)
```
#eff8fa
```
#eff8fa rgb(239,248,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#888989
```
#888989 rgb(136,137,137)
```
#7f8e92
```
#7f8e92 rgb(127,142,146)
```
#76949b
```
#76949b rgb(118,148,155)
```
#6c99a5
```
#6c99a5 rgb(108,153,165)
```
#639fae
```
#639fae rgb(99,159,174)
```
#5aa4b7
```
#5aa4b7 rgb(90,164,183)
```
#51aac0
```
#51aac0 rgb(81,170,192)
```
#48afc9
```
#48afc9 rgb(72,175,201)
```
#3fb4d2
```
#3fb4d2 rgb(63,180,210)
```
#36badb
```
#36badb rgb(54,186,219)
```
#2dbfe4
```
#2dbfe4 rgb(45,191,228)
```
#24c5ed
```
#24c5ed rgb(36,197,237)
```
#1acaf7
```
#1acaf7 rgb(26,202,247)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#84999e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a5c3 Protanopia 1% of men
#9ea4d1 Deuteranopia 1% of men
#4bb4c2 Tritanopia 0.001% of the population

Trichromacy

#80a9c5 Protanomaly 1% of men, 0.01% of women
#7fa8ce Deuteranomaly 6% of men, 0.4% of women
#4ab2c4 Tritanomaly 0.01% of the population

#48afc9 hex color

#48afc9 Color Information

#48afc9 Color Conversion

Color Schemes with #48afc9

Alternatives to #48afc9

#48afc9 Preview

Shades and Tints of #48afc9

Tones of #48afc9

Color Blindness Simulator