#7fbad8 hex color

In a RGB color space, hex #7fbad8 is composed of 49.8% red, 72.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 13.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 200.2 degrees, a saturation of 53.3% and a lightness of 67.3%. #7fbad8 color hex could be obtained by blending #feffff with #0075b1. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 50
- G 73
- B 85
RGB color chart
- C 41
- M 14
- Y 0
- K 15
CMYK color chart

● #7fbad8 color description : Slightly desaturated blue.

The hexadecimal color #7fbad8 has RGB values of R:127, G:186, B:216 and CMYK values of C:0.41, M:0.14, Y:0, K:0.15. Its decimal value is 8370904.

Hex triplet	7fbad8	`#7fbad8`
RGB Decimal	127, 186, 216	`rgb(127,186,216)`
RGB Percent	49.8, 72.9, 84.7	`rgb(49.8%,72.9%,84.7%)`
CMYK	41, 14, 0, 15
HSL	200.2°, 53.3, 67.3	`hsl(200.2,53.3%,67.3%)`
HSV (or HSB)	200.2°, 41.2, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.618, -11.376, -21.071
XYZ	38.703, 44.586, 71.529
xyY	0.25, 0.288, 44.586
CIE-LCH	72.618, 23.946, 241.637
CIE-LUV	72.618, -28.269, -31.297
Hunter-Lab	66.773, -13.389, -16.772
Binary	01111111, 10111010, 11011000

#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#d89d7f
```
#d89d7f rgb(216,157,127)
```

Complementary Color

#7fd8ca
```
#7fd8ca rgb(127,216,202)
```
#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#7f8ed8
```
#7f8ed8 rgb(127,142,216)
```

Analogous Color

#d8ca7f
```
#d8ca7f rgb(216,202,127)
```
#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#d87f8e
```
#d87f8e rgb(216,127,142)
```

Split Complementary Color

#bad87f
```
#bad87f rgb(186,216,127)
```
#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#d87fba
```
#d87fba rgb(216,127,186)
```

Triadic Color

#7fd89d
```
#7fd89d rgb(127,216,157)
```
#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#d87fba
```
#d87fba rgb(216,127,186)
```
#d89d7f
```
#d89d7f rgb(216,157,127)
```

Tetradic Color

#449ac6
```
#449ac6 rgb(68,154,198)
```
#58a5cc
```
#58a5cc rgb(88,165,204)
```
#6bafd2
```
#6bafd2 rgb(107,175,210)
```
#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#93c5de
```
#93c5de rgb(147,197,222)
```
#a6cfe4
```
#a6cfe4 rgb(166,207,228)
```
#badaea
```
#badaea rgb(186,218,234)
```

Monochromatic Color

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

#7fd0d8
```
#7fd0d8 rgb(127,208,216)
```
#7fc9d8
```
#7fc9d8 rgb(127,201,216)
```
#7fc1d8
```
#7fc1d8 rgb(127,193,216)
```
#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#7fb3d8
```
#7fb3d8 rgb(127,179,216)
```
#7fabd8
```
#7fabd8 rgb(127,171,216)
```
#7fa4d8
```
#7fa4d8 rgb(127,164,216)
```

Similar Colors

Text with hexadecimal color #7fbad8

This text has a font color of #7fbad8.

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

#7fbad8 background color

This paragraph has a background color of #7fbad8.

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

#7fbad8 border color

This element has a border color of #7fbad8.

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

CSS codes

.text {color:#7fbad8;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#071116
```
#071116 rgb(7,17,22)
```
#0b1d25
```
#0b1d25 rgb(11,29,37)
```
#102834
```
#102834 rgb(16,40,52)
```
#153443
```
#153443 rgb(21,52,67)
```
#193f52
```
#193f52 rgb(25,63,82)
```
#1e4b62
```
#1e4b62 rgb(30,75,98)
```
#225671
```
#225671 rgb(34,86,113)
```
#276280
```
#276280 rgb(39,98,128)
```
#2b6d8f
```
#2b6d8f rgb(43,109,143)
```
#30799e
```
#30799e rgb(48,121,158)
```
#3584ad
```
#3584ad rgb(53,132,173)
```
#3990bc
```
#3990bc rgb(57,144,188)
```

Shade Color Variation

#439ac6
```
#439ac6 rgb(67,154,198)
```
#52a2ca
```
#52a2ca rgb(82,162,202)
```
#61aacf
```
#61aacf rgb(97,170,207)
```
#70b2d3
```
#70b2d3 rgb(112,178,211)
```
#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#8ec2dd
```
#8ec2dd rgb(142,194,221)
```
#9dcae1
```
#9dcae1 rgb(157,202,225)
```
#acd2e6
```
#acd2e6 rgb(172,210,230)
```
#bbdaea
```
#bbdaea rgb(187,218,234)
```
#cae3ef
```
#cae3ef rgb(202,227,239)
```
#d9ebf3
```
#d9ebf3 rgb(217,235,243)
```
#e8f3f8
```
#e8f3f8 rgb(232,243,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#a6adb1
```
#a6adb1 rgb(166,173,177)
```
#9fb0b8
```
#9fb0b8 rgb(159,176,184)
```
#99b2be
```
#99b2be rgb(153,178,190)
```
#92b4c5
```
#92b4c5 rgb(146,180,197)
```
#8cb6cb
```
#8cb6cb rgb(140,182,203)
```
#85b8d2
```
#85b8d2 rgb(133,184,210)
```
#7fbad8
```
#7fbad8 rgb(127,186,216)
```
#79bcde
```
#79bcde rgb(121,188,222)
```
#72bee5
```
#72bee5 rgb(114,190,229)
```
#6cc0eb
```
#6cc0eb rgb(108,192,235)
```
#65c2f2
```
#65c2f2 rgb(101,194,242)
```
#5fc4f8
```
#5fc4f8 rgb(95,196,248)
```
#58c7ff
```
#58c7ff rgb(88,199,255)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a3afb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb4d4 Protanopia 1% of men
#b1b2dd Deuteranopia 1% of men
#81bfcd Tritanopia 0.001% of the population

Trichromacy

#9db6d5 Protanomaly 1% of men, 0.01% of women
#9fb5db Deuteranomaly 6% of men, 0.4% of women
#80bdd1 Tritanomaly 0.01% of the population

#7fbad8 hex color

#7fbad8 Color Information

#7fbad8 Color Conversion

Color Schemes with #7fbad8

Alternatives to #7fbad8

#7fbad8 Preview

Shades and Tints of #7fbad8

Tones of #7fbad8

Color Blindness Simulator