colorhexa.com

#7badbe hex color

In a RGB color space, hex #7badbe is composed of 48.2% red, 67.8% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 8.9% magenta, 0% yellow and 25.5% black. It has a hue angle of 195.2 degrees, a saturation of 34% and a lightness of 61.4%. #7badbe color hex could be obtained by blending #f6ffff with #005b7d. Closest websafe color is: #6699cc.

- R 48
- G 68
- B 75
RGB color chart
- C 35
- M 9
- Y 0
- K 25
CMYK color chart

● #7badbe color description : Slightly desaturated blue.

The hexadecimal color #7badbe has RGB values of R:123, G:173, B:190 and CMYK values of C:0.35, M:0.09, Y:0, K:0.25. Its decimal value is 8105406.

Hex triplet	7badbe	`#7badbe`
RGB Decimal	123, 173, 190	`rgb(123,173,190)`
RGB Percent	48.2, 67.8, 74.5	`rgb(48.2%,67.8%,74.5%)`
CMYK	35, 9, 0, 25
HSL	195.2°, 34, 61.4	`hsl(195.2,34%,61.4%)`
HSV (or HSB)	195.2°, 35.3, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.884, -12.274, -13.979
XYZ	32.404, 37.814, 54.304
xyY	0.26, 0.304, 37.814
CIE-LCH	67.884, 18.603, 228.716
CIE-LUV	67.884, -24.585, -19.433
Hunter-Lab	61.493, -13.553, -9.313
Binary	01111011, 10101101, 10111110

#7badbe
```
#7badbe rgb(123,173,190)
```
#be8c7b
```
#be8c7b rgb(190,140,123)
```

Complementary Color

#7bbeae
```
#7bbeae rgb(123,190,174)
```
#7badbe
```
#7badbe rgb(123,173,190)
```
#7b8cbe
```
#7b8cbe rgb(123,140,190)
```

Analogous Color

#beae7b
```
#beae7b rgb(190,174,123)
```
#7badbe
```
#7badbe rgb(123,173,190)
```
#be7b8c
```
#be7b8c rgb(190,123,140)
```

Split Complementary Color

#adbe7b
```
#adbe7b rgb(173,190,123)
```
#7badbe
```
#7badbe rgb(123,173,190)
```
#be7bad
```
#be7bad rgb(190,123,173)
```

Triadic Color

#7bbe8c
```
#7bbe8c rgb(123,190,140)
```
#7badbe
```
#7badbe rgb(123,173,190)
```
#be7bad
```
#be7bad rgb(190,123,173)
```
#be8c7b
```
#be8c7b rgb(190,140,123)
```

Tetradic Color

#4e8a9e
```
#4e8a9e rgb(78,138,158)
```
#5998ad
```
#5998ad rgb(89,152,173)
```
#6aa2b6
```
#6aa2b6 rgb(106,162,182)
```
#7badbe
```
#7badbe rgb(123,173,190)
```
#8cb8c6
```
#8cb8c6 rgb(140,184,198)
```
#9dc2cf
```
#9dc2cf rgb(157,194,207)
```
#aecdd7
```
#aecdd7 rgb(174,205,215)
```

Monochromatic Color

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

#7bbebe
```
#7bbebe rgb(123,190,190)
```
#7bb8be
```
#7bb8be rgb(123,184,190)
```
#7bb3be
```
#7bb3be rgb(123,179,190)
```
#7badbe
```
#7badbe rgb(123,173,190)
```
#7ba7be
```
#7ba7be rgb(123,167,190)
```
#7ba2be
```
#7ba2be rgb(123,162,190)
```
#7b9cbe
```
#7b9cbe rgb(123,156,190)
```

Similar Colors

Text with hexadecimal color #7badbe

This text has a font color of #7badbe.

<span style="color:#7badbe;">Text here</span>

#7badbe background color

This paragraph has a background color of #7badbe.

<p style="background-color:#7badbe;">Content here</p>

#7badbe border color

This element has a border color of #7badbe.

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

CSS codes

.text {color:#7badbe;}

.background {background-color:#7badbe;}

.border {border:1px solid #7badbe;}

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, #060b0d is the darkest color, while #feffff is the lightest one.

#060b0d
```
#060b0d rgb(6,11,13)
```
#0d161a
```
#0d161a rgb(13,22,26)
```
#132227
```
#132227 rgb(19,34,39)
```
#1a2d34
```
#1a2d34 rgb(26,45,52)
```
#203941
```
#203941 rgb(32,57,65)
```
#27444e
```
#27444e rgb(39,68,78)
```
#2d505b
```
#2d505b rgb(45,80,91)
```
#335b69
```
#335b69 rgb(51,91,105)
```
#3a6776
```
#3a6776 rgb(58,103,118)
```
#407283
```
#407283 rgb(64,114,131)
```
#477d90
```
#477d90 rgb(71,125,144)
```
#4d899d
```
#4d899d rgb(77,137,157)
```
#5494aa
```
#5494aa rgb(84,148,170)
```

Shade Color Variation

#619db1
```
#619db1 rgb(97,157,177)
```
#6ea5b8
```
#6ea5b8 rgb(110,165,184)
```
#7badbe
```
#7badbe rgb(123,173,190)
```
#88b5c4
```
#88b5c4 rgb(136,181,196)
```
#95bdcb
```
#95bdcb rgb(149,189,203)
```
#a2c5d1
```
#a2c5d1 rgb(162,197,209)
```
#b0ced8
```
#b0ced8 rgb(176,206,216)
```
#bdd6de
```
#bdd6de rgb(189,214,222)
```
#cadee5
```
#cadee5 rgb(202,222,229)
```
#d7e6eb
```
#d7e6eb rgb(215,230,235)
```
#e4eef2
```
#e4eef2 rgb(228,238,242)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ea0 is the less saturated color, while #3ecbfb is the most saturated one.

#999ea0
```
#999ea0 rgb(153,158,160)
```
#92a2a7
```
#92a2a7 rgb(146,162,167)
```
#8aa6af
```
#8aa6af rgb(138,166,175)
```
#83a9b6
```
#83a9b6 rgb(131,169,182)
```
#7badbe
```
#7badbe rgb(123,173,190)
```
#73b1c6
```
#73b1c6 rgb(115,177,198)
```
#6cb4cd
```
#6cb4cd rgb(108,180,205)
```
#64b8d5
```
#64b8d5 rgb(100,184,213)
```
#5dbcdc
```
#5dbcdc rgb(93,188,220)
```
#55c0e4
```
#55c0e4 rgb(85,192,228)
```
#4ec3eb
```
#4ec3eb rgb(78,195,235)
```
#46c7f3
```
#46c7f3 rgb(70,199,243)
```
#3ecbfb
```
#3ecbfb rgb(62,203,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#99a3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a8bc Protanopia 1% of men
#aba6c5 Deuteranopia 1% of men
#81b1be Tritanopia 0.001% of the population

Trichromacy

#97aabd Protanomaly 1% of men, 0.01% of women
#9aa8c2 Deuteranomaly 6% of men, 0.4% of women
#7eb0be Tritanomaly 0.01% of the population