#7baddf hex color

In a RGB color space, hex #7baddf is composed of 48.2% red, 67.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 22.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 210 degrees, a saturation of 61% and a lightness of 67.8%. #7baddf color hex could be obtained by blending #f6ffff with #005bbf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 68
- B 87
RGB color chart
- C 45
- M 22
- Y 0
- K 13
CMYK color chart

● #7baddf color description : Very soft blue.

The hexadecimal color #7baddf has RGB values of R:123, G:173, B:223 and CMYK values of C:0.45, M:0.22, Y:0, K:0.13. Its decimal value is 8105439.

Hex triplet	7baddf	`#7baddf`
RGB Decimal	123, 173, 223	`rgb(123,173,223)`
RGB Percent	48.2, 67.8, 87.5	`rgb(48.2%,67.8%,87.5%)`
CMYK	45, 22, 0, 13
HSL	210°, 61, 67.8	`hsl(210,61%,67.8%)`
HSV (or HSB)	210°, 44.8, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.057, -3.435, -30.369
XYZ	36.428, 39.424, 75.498
xyY	0.241, 0.26, 39.424
CIE-LCH	69.057, 30.563, 263.548
CIE-LUV	69.057, -24.484, -47.579
Hunter-Lab	62.789, -6.319, -27.339
Binary	01111011, 10101101, 11011111

#7baddf
```
#7baddf rgb(123,173,223)
```
#dfad7b
```
#dfad7b rgb(223,173,123)
```

Complementary Color

#7bdfdf
```
#7bdfdf rgb(123,223,223)
```
#7baddf
```
#7baddf rgb(123,173,223)
```
#7b7bdf
```
#7b7bdf rgb(123,123,223)
```

Analogous Color

#dfdf7b
```
#dfdf7b rgb(223,223,123)
```
#7baddf
```
#7baddf rgb(123,173,223)
```
#df7b7b
```
#df7b7b rgb(223,123,123)
```

Split Complementary Color

#addf7b
```
#addf7b rgb(173,223,123)
```
#7baddf
```
#7baddf rgb(123,173,223)
```
#df7bad
```
#df7bad rgb(223,123,173)
```

Triadic Color

#7bdfad
```
#7bdfad rgb(123,223,173)
```
#7baddf
```
#7baddf rgb(123,173,223)
```
#df7bad
```
#df7bad rgb(223,123,173)
```
#dfad7b
```
#dfad7b rgb(223,173,123)
```

Tetradic Color

#3d87d0
```
#3d87d0 rgb(61,135,208)
```
#5294d5
```
#5294d5 rgb(82,148,213)
```
#66a0da
```
#66a0da rgb(102,160,218)
```
#7baddf
```
#7baddf rgb(123,173,223)
```
#90bae4
```
#90bae4 rgb(144,186,228)
```
#a4c7e9
```
#a4c7e9 rgb(164,199,233)
```
#b9d3ee
```
#b9d3ee rgb(185,211,238)
```

Monochromatic Color

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

#7bc6df
```
#7bc6df rgb(123,198,223)
```
#7bbedf
```
#7bbedf rgb(123,190,223)
```
#7bb5df
```
#7bb5df rgb(123,181,223)
```
#7baddf
```
#7baddf rgb(123,173,223)
```
#7ba5df
```
#7ba5df rgb(123,165,223)
```
#7b9cdf
```
#7b9cdf rgb(123,156,223)
```
#7b94df
```
#7b94df rgb(123,148,223)
```

Similar Colors

Text with hexadecimal color #7baddf

This text has a font color of #7baddf.

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

#7baddf background color

This paragraph has a background color of #7baddf.

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

#7baddf border color

This element has a border color of #7baddf.

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

CSS codes

.text {color:#7baddf;}

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

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

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#06101a
```
#06101a rgb(6,16,26)
```
#0a1a2a
```
#0a1a2a rgb(10,26,42)
```
#0e2439
```
#0e2439 rgb(14,36,57)
```
#122e49
```
#122e49 rgb(18,46,73)
```
#163759
```
#163759 rgb(22,55,89)
```
#194169
```
#194169 rgb(25,65,105)
```
#1d4b79
```
#1d4b79 rgb(29,75,121)
```
#215588
```
#215588 rgb(33,85,136)
```
#255f98
```
#255f98 rgb(37,95,152)
```
#2968a8
```
#2968a8 rgb(41,104,168)
```
#2d72b8
```
#2d72b8 rgb(45,114,184)
```
#307cc8
```
#307cc8 rgb(48,124,200)
```

Shade Color Variation

#3c86d0
```
#3c86d0 rgb(60,134,208)
```
#4c90d4
```
#4c90d4 rgb(76,144,212)
```
#5b99d7
```
#5b99d7 rgb(91,153,215)
```
#6ba3db
```
#6ba3db rgb(107,163,219)
```
#7baddf
```
#7baddf rgb(123,173,223)
```
#8bb7e3
```
#8bb7e3 rgb(139,183,227)
```
#9bc1e7
```
#9bc1e7 rgb(155,193,231)
```
#aacaea
```
#aacaea rgb(170,202,234)
```
#bad4ee
```
#bad4ee rgb(186,212,238)
```
#cadef2
```
#cadef2 rgb(202,222,242)
```
#dae8f6
```
#dae8f6 rgb(218,232,246)
```
#eaf2fa
```
#eaf2fa rgb(234,242,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a7adb3
```
#a7adb3 rgb(167,173,179)
```
#a1adb9
```
#a1adb9 rgb(161,173,185)
```
#9badbf
```
#9badbf rgb(155,173,191)
```
#94adc6
```
#94adc6 rgb(148,173,198)
```
#8eadcc
```
#8eadcc rgb(142,173,204)
```
#88add2
```
#88add2 rgb(136,173,210)
```
#81add9
```
#81add9 rgb(129,173,217)
```
#7baddf
```
#7baddf rgb(123,173,223)
```
#75ade5
```
#75ade5 rgb(117,173,229)
```
#6eadec
```
#6eadec rgb(110,173,236)
```
#68adf2
```
#68adf2 rgb(104,173,242)
```
#62adf8
```
#62adf8 rgb(98,173,248)
```
#5badff
```
#5badff rgb(91,173,255)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ca6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eabdc Protanopia 1% of men
#9caae3 Deuteranopia 1% of men
#77b6c4 Tritanopia 0.001% of the population

Trichromacy

#91abdd Protanomaly 1% of men, 0.01% of women
#90abe1 Deuteranomaly 6% of men, 0.4% of women
#78b3cd Tritanomaly 0.01% of the population

#7baddf hex color

#7baddf Color Information

#7baddf Color Conversion

Color Schemes with #7baddf

Alternatives to #7baddf

#7baddf Preview

Shades and Tints of #7baddf

Tones of #7baddf

Color Blindness Simulator