#48a5be hex color

In a RGB color space, hex #48a5be is composed of 28.2% red, 64.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 13.2% magenta, 0% yellow and 25.5% black. It has a hue angle of 192.7 degrees, a saturation of 47.6% and a lightness of 51.4%. #48a5be color hex could be obtained by blending #90ffff with #004b7d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 65
- B 75
RGB color chart
- C 62
- M 13
- Y 0
- K 25
CMYK color chart

● #48a5be color description : Moderate cyan.

The hexadecimal color #48a5be has RGB values of R:72, G:165, B:190 and CMYK values of C:0.62, M:0.13, Y:0, K:0.25. Its decimal value is 4761022.

Hex triplet	48a5be	`#48a5be`
RGB Decimal	72, 165, 190	`rgb(72,165,190)`
RGB Percent	28.2, 64.7, 74.5	`rgb(28.2%,64.7%,74.5%)`
CMYK	62, 13, 0, 25
HSL	192.7°, 47.6, 51.4	`hsl(192.7,47.6%,51.4%)`
HSV (or HSB)	192.7°, 62.1, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.346, -19.868, -21.066
XYZ	25.419, 32.004, 53.55
xyY	0.229, 0.288, 32.004
CIE-LCH	63.346, 28.957, 226.676
CIE-LUV	63.346, -37.222, -29.592
Hunter-Lab	56.572, -18.795, -16.523
Binary	01001000, 10100101, 10111110

#48a5be
```
#48a5be rgb(72,165,190)
```
#be6148
```
#be6148 rgb(190,97,72)
```

Complementary Color

#48be9c
```
#48be9c rgb(72,190,156)
```
#48a5be
```
#48a5be rgb(72,165,190)
```
#486abe
```
#486abe rgb(72,106,190)
```

Analogous Color

#be9c48
```
#be9c48 rgb(190,156,72)
```
#48a5be
```
#48a5be rgb(72,165,190)
```
#be486a
```
#be486a rgb(190,72,106)
```

Split Complementary Color

#a5be48
```
#a5be48 rgb(165,190,72)
```
#48a5be
```
#48a5be rgb(72,165,190)
```
#be48a5
```
#be48a5 rgb(190,72,165)
```

Triadic Color

#48be61
```
#48be61 rgb(72,190,97)
```
#48a5be
```
#48a5be rgb(72,165,190)
```
#be48a5
```
#be48a5 rgb(190,72,165)
```
#be6148
```
#be6148 rgb(190,97,72)
```

Tetradic Color

#317689
```
#317689 rgb(49,118,137)
```
#37869c
```
#37869c rgb(55,134,156)
```
#3e97af
```
#3e97af rgb(62,151,175)
```
#48a5be
```
#48a5be rgb(72,165,190)
```
#5baec5
```
#5baec5 rgb(91,174,197)
```
#6eb8cb
```
#6eb8cb rgb(110,184,203)
```
#80c1d2
```
#80c1d2 rgb(128,193,210)
```

Monochromatic Color

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

#48beba
```
#48beba rgb(72,190,186)
```
#48b9be
```
#48b9be rgb(72,185,190)
```
#48afbe
```
#48afbe rgb(72,175,190)
```
#48a5be
```
#48a5be rgb(72,165,190)
```
#489bbe
```
#489bbe rgb(72,155,190)
```
#4891be
```
#4891be rgb(72,145,190)
```
#4888be
```
#4888be rgb(72,136,190)
```

Similar Colors

Text with hexadecimal color #48a5be

This text has a font color of #48a5be.

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

#48a5be background color

This paragraph has a background color of #48a5be.

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

#48a5be border color

This element has a border color of #48a5be.

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

CSS codes

.text {color:#48a5be;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#071114
```
#071114 rgb(7,17,20)
```
#0c1d22
```
#0c1d22 rgb(12,29,34)
```
#112a31
```
#112a31 rgb(17,42,49)
```
#16363f
```
#16363f rgb(22,54,63)
```
#1c434e
```
#1c434e rgb(28,67,78)
```
#214f5c
```
#214f5c rgb(33,79,92)
```
#265c6a
```
#265c6a rgb(38,92,106)
```
#2b6879
```
#2b6879 rgb(43,104,121)
```
#307587
```
#307587 rgb(48,117,135)
```
#358196
```
#358196 rgb(53,129,150)
```
#3a8ea4
```
#3a8ea4 rgb(58,142,164)
```
#409ab3
```
#409ab3 rgb(64,154,179)
```

Shade Color Variation

#48a5be
```
#48a5be rgb(72,165,190)
```
#56acc3
```
#56acc3 rgb(86,172,195)
```
#65b3c8
```
#65b3c8 rgb(101,179,200)
```
#73bacd
```
#73bacd rgb(115,186,205)
```
#82c1d3
```
#82c1d3 rgb(130,193,211)
```
#90c9d8
```
#90c9d8 rgb(144,201,216)
```
#9fd0dd
```
#9fd0dd rgb(159,208,221)
```
#add7e2
```
#add7e2 rgb(173,215,226)
```
#bcdee7
```
#bcdee7 rgb(188,222,231)
```
#cae5ec
```
#cae5ec rgb(202,229,236)
```
#d9ecf1
```
#d9ecf1 rgb(217,236,241)
```
#e7f3f7
```
#e7f3f7 rgb(231,243,247)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

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

#818485
```
#818485 rgb(129,132,133)
```
#788a8e
```
#788a8e rgb(120,138,142)
```
#6e8f98
```
#6e8f98 rgb(110,143,152)
```
#6595a1
```
#6595a1 rgb(101,149,161)
```
#5b9aab
```
#5b9aab rgb(91,154,171)
```
#52a0b4
```
#52a0b4 rgb(82,160,180)
```
#48a5be
```
#48a5be rgb(72,165,190)
```
#3eaac8
```
#3eaac8 rgb(62,170,200)
```
#35b0d1
```
#35b0d1 rgb(53,176,209)
```
#2bb5db
```
#2bb5db rgb(43,181,219)
```
#22bbe4
```
#22bbe4 rgb(34,187,228)
```
#18c0ee
```
#18c0ee rgb(24,192,238)
```
#0fc6f7
```
#0fc6f7 rgb(15,198,247)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7e9196 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989db9 Protanopia 1% of men
#979cc6 Deuteranopia 1% of men
#4babb7 Tritanopia 0.001% of the population

Trichromacy

#7ba0bb Protanomaly 1% of men, 0.01% of women
#7a9fc3 Deuteranomaly 6% of men, 0.4% of women
#4aa9ba Tritanomaly 0.01% of the population

#48a5be hex color

#48a5be Color Information

#48a5be Color Conversion

Color Schemes with #48a5be

Alternatives to #48a5be

#48a5be Preview

Shades and Tints of #48a5be

Tones of #48a5be

Color Blindness Simulator