#48a7cb hex color

In a RGB color space, hex #48a7cb is composed of 28.2% red, 65.5% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 17.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 196.5 degrees, a saturation of 55.7% and a lightness of 53.9%. #48a7cb color hex could be obtained by blending #90ffff with #004f97. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 65
- B 80
RGB color chart
- C 65
- M 18
- Y 0
- K 20
CMYK color chart

● #48a7cb color description : Moderate blue.

The hexadecimal color #48a7cb has RGB values of R:72, G:167, B:203 and CMYK values of C:0.65, M:0.18, Y:0, K:0.2. Its decimal value is 4761547.

Hex triplet	48a7cb	`#48a7cb`
RGB Decimal	72, 167, 203	`rgb(72,167,203)`
RGB Percent	28.2, 65.5, 79.6	`rgb(28.2%,65.5%,79.6%)`
CMYK	65, 18, 0, 20
HSL	196.5°, 55.7, 53.9	`hsl(196.5,55.7%,53.9%)`
HSV (or HSB)	196.5°, 64.5, 79.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.423, -16.884, -26.656
XYZ	27.268, 33.325, 61.492
xyY	0.223, 0.273, 33.325
CIE-LCH	64.423, 31.553, 237.65
CIE-LUV	64.423, -37.325, -39.252
Hunter-Lab	57.728, -16.708, -22.747
Binary	01001000, 10100111, 11001011

#48a7cb
```
#48a7cb rgb(72,167,203)
```
#cb6c48
```
#cb6c48 rgb(203,108,72)
```

Complementary Color

#48cbae
```
#48cbae rgb(72,203,174)
```
#48a7cb
```
#48a7cb rgb(72,167,203)
```
#4866cb
```
#4866cb rgb(72,102,203)
```

Analogous Color

#cbae48
```
#cbae48 rgb(203,174,72)
```
#48a7cb
```
#48a7cb rgb(72,167,203)
```
#cb4866
```
#cb4866 rgb(203,72,102)
```

Split Complementary Color

#a7cb48
```
#a7cb48 rgb(167,203,72)
```
#48a7cb
```
#48a7cb rgb(72,167,203)
```
#cb48a7
```
#cb48a7 rgb(203,72,167)
```

Triadic Color

#48cb6c
```
#48cb6c rgb(72,203,108)
```
#48a7cb
```
#48a7cb rgb(72,167,203)
```
#cb48a7
```
#cb48a7 rgb(203,72,167)
```
#cb6c48
```
#cb6c48 rgb(203,108,72)
```

Tetradic Color

#2c7c9b
```
#2c7c9b rgb(44,124,155)
```
#328cae
```
#328cae rgb(50,140,174)
```
#379cc2
```
#379cc2 rgb(55,156,194)
```
#48a7cb
```
#48a7cb rgb(72,167,203)
```
#5cb1d1
```
#5cb1d1 rgb(92,177,209)
```
#70bad6
```
#70bad6 rgb(112,186,214)
```
#84c4dc
```
#84c4dc rgb(132,196,220)
```

Monochromatic Color

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

#48c8cb
```
#48c8cb rgb(72,200,203)
```
#48bdcb
```
#48bdcb rgb(72,189,203)
```
#48b2cb
```
#48b2cb rgb(72,178,203)
```
#48a7cb
```
#48a7cb rgb(72,167,203)
```
#489ccb
```
#489ccb rgb(72,156,203)
```
#4891cb
```
#4891cb rgb(72,145,203)
```
#4886cb
```
#4886cb rgb(72,134,203)
```

Similar Colors

Text with hexadecimal color #48a7cb

This text has a font color of #48a7cb.

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

#48a7cb background color

This paragraph has a background color of #48a7cb.

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

#48a7cb border color

This element has a border color of #48a7cb.

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

CSS codes

.text {color:#48a7cb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040d10
```
#040d10 rgb(4,13,16)
```
#09191f
```
#09191f rgb(9,25,31)
```
#0d252e
```
#0d252e rgb(13,37,46)
```
#11313d
```
#11313d rgb(17,49,61)
```
#163e4d
```
#163e4d rgb(22,62,77)
```
#1a4a5c
```
#1a4a5c rgb(26,74,92)
```
#1e566b
```
#1e566b rgb(30,86,107)
```
#23627a
```
#23627a rgb(35,98,122)
```
#276f8a
```
#276f8a rgb(39,111,138)
```
#2b7b99
```
#2b7b99 rgb(43,123,153)
```
#3087a8
```
#3087a8 rgb(48,135,168)
```
#3493b8
```
#3493b8 rgb(52,147,184)
```

Shade Color Variation

#39a0c7
```
#39a0c7 rgb(57,160,199)
```
#48a7cb
```
#48a7cb rgb(72,167,203)
```
#57aecf
```
#57aecf rgb(87,174,207)
```
#67b6d4
```
#67b6d4 rgb(103,182,212)
```
#76bdd8
```
#76bdd8 rgb(118,189,216)
```
#85c4dc
```
#85c4dc rgb(133,196,220)
```
#94cce1
```
#94cce1 rgb(148,204,225)
```
#a4d3e5
```
#a4d3e5 rgb(164,211,229)
```
#b3dae9
```
#b3dae9 rgb(179,218,233)
```
#c2e2ee
```
#c2e2ee rgb(194,226,238)
```
#d1e9f2
```
#d1e9f2 rgb(209,233,242)
```
#e1f0f6
```
#e1f0f6 rgb(225,240,246)
```
#f0f8fb
```
#f0f8fb rgb(240,248,251)
```

Tint Color Variation

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

#878b8c
```
#878b8c rgb(135,139,140)
```
#7e8f95
```
#7e8f95 rgb(126,143,149)
```
#75939e
```
#75939e rgb(117,147,158)
```
#6c97a7
```
#6c97a7 rgb(108,151,167)
```
#639bb0
```
#639bb0 rgb(99,155,176)
```
#5a9fb9
```
#5a9fb9 rgb(90,159,185)
```
#51a3c2
```
#51a3c2 rgb(81,163,194)
```
#48a7cb
```
#48a7cb rgb(72,167,203)
```
#3fabd4
```
#3fabd4 rgb(63,171,212)
```
#36afdd
```
#36afdd rgb(54,175,221)
```
#2db3e6
```
#2db3e6 rgb(45,179,230)
```
#24b7ef
```
#24b7ef rgb(36,183,239)
```
#1bbbf8
```
#1bbbf8 rgb(27,187,248)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#81949b Atypical Achromatopsia 0.001% of the population

Dichromacy

#979fc6 Protanopia 1% of men
#939fd2 Deuteranopia 1% of men
#45aebb Tritanopia 0.001% of the population

Trichromacy

#7aa2c7 Protanomaly 1% of men, 0.01% of women
#77a2cf Deuteranomaly 6% of men, 0.4% of women
#46acc1 Tritanomaly 0.01% of the population

#48a7cb hex color

#48a7cb Color Information

#48a7cb Color Conversion

Color Schemes with #48a7cb

Alternatives to #48a7cb

#48a7cb Preview

Shades and Tints of #48a7cb

Tones of #48a7cb

Color Blindness Simulator