#7badfd hex color

In a RGB color space, hex #7badfd is composed of 48.2% red, 67.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 31.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.9 degrees, a saturation of 97% and a lightness of 73.7%. #7badfd color hex could be obtained by blending #f6ffff with #005bfb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 68
- B 99
RGB color chart
- C 51
- M 32
- Y 0
- K 1
CMYK color chart

● #7badfd color description : Soft blue.

The hexadecimal color #7badfd has RGB values of R:123, G:173, B:253 and CMYK values of C:0.51, M:0.32, Y:0, K:0.01. Its decimal value is 8105469.

Hex triplet	7badfd	`#7badfd`
RGB Decimal	123, 173, 253	`rgb(123,173,253)`
RGB Percent	48.2, 67.8, 99.2	`rgb(48.2%,67.8%,99.2%)`
CMYK	51, 32, 0, 1
HSL	216.9°, 97, 73.7	`hsl(216.9,97%,73.7%)`
HSV (or HSB)	216.9°, 51.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.307, 5.277, -44.768
XYZ	40.838, 41.188, 98.721
xyY	0.226, 0.228, 41.188
CIE-LCH	70.307, 45.078, 276.723
CIE-LUV	70.307, -24.458, -73.216
Hunter-Lab	64.178, 1.272, -46.278
Binary	01111011, 10101101, 11111101

#7badfd
```
#7badfd rgb(123,173,253)
```
#fdcb7b
```
#fdcb7b rgb(253,203,123)
```

Complementary Color

#7beefd
```
#7beefd rgb(123,238,253)
```
#7badfd
```
#7badfd rgb(123,173,253)
```
#8a7bfd
```
#8a7bfd rgb(138,123,253)
```

Analogous Color

#eefd7b
```
#eefd7b rgb(238,253,123)
```
#7badfd
```
#7badfd rgb(123,173,253)
```
#fd8a7b
```
#fd8a7b rgb(253,138,123)
```

Split Complementary Color

#adfd7b
```
#adfd7b rgb(173,253,123)
```
#7badfd
```
#7badfd rgb(123,173,253)
```
#fd7bad
```
#fd7bad rgb(253,123,173)
```

Triadic Color

#7bfdcb
```
#7bfdcb rgb(123,253,203)
```
#7badfd
```
#7badfd rgb(123,173,253)
```
#fd7bad
```
#fd7bad rgb(253,123,173)
```
#fdcb7b
```
#fdcb7b rgb(253,203,123)
```

Tetradic Color

#307efc
```
#307efc rgb(48,126,252)
```
#498efc
```
#498efc rgb(73,142,252)
```
#629dfd
```
#629dfd rgb(98,157,253)
```
#7badfd
```
#7badfd rgb(123,173,253)
```
#94bdfd
```
#94bdfd rgb(148,189,253)
```
#adccfe
```
#adccfe rgb(173,204,254)
```
#c6dcfe
```
#c6dcfe rgb(198,220,254)
```

Monochromatic Color

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

#7bcefd
```
#7bcefd rgb(123,206,253)
```
#7bc3fd
```
#7bc3fd rgb(123,195,253)
```
#7bb8fd
```
#7bb8fd rgb(123,184,253)
```
#7badfd
```
#7badfd rgb(123,173,253)
```
#7ba2fd
```
#7ba2fd rgb(123,162,253)
```
#7b97fd
```
#7b97fd rgb(123,151,253)
```
#7b8dfd
```
#7b8dfd rgb(123,141,253)
```

Similar Colors

Text with hexadecimal color #7badfd

This text has a font color of #7badfd.

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

#7badfd background color

This paragraph has a background color of #7badfd.

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

#7badfd border color

This element has a border color of #7badfd.

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

CSS codes

.text {color:#7badfd;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000917
```
#000917 rgb(0,9,23)
```
#01112a
```
#01112a rgb(1,17,42)
```
#01183d
```
#01183d rgb(1,24,61)
```
#012051
```
#012051 rgb(1,32,81)
```
#022764
```
#022764 rgb(2,39,100)
```
#022f77
```
#022f77 rgb(2,47,119)
```
#02378b
```
#02378b rgb(2,55,139)
```
#023e9e
```
#023e9e rgb(2,62,158)
```
#0346b1
```
#0346b1 rgb(3,70,177)
```
#034dc4
```
#034dc4 rgb(3,77,196)
```
#0355d8
```
#0355d8 rgb(3,85,216)
```
#045deb
```
#045deb rgb(4,93,235)
```

Shade Color Variation

#0765fb
```
#0765fb rgb(7,101,251)
```
#1a71fc
```
#1a71fc rgb(26,113,252)
```
#2e7dfc
```
#2e7dfc rgb(46,125,252)
```
#4189fc
```
#4189fc rgb(65,137,252)
```
#5495fc
```
#5495fc rgb(84,149,252)
```
#68a1fd
```
#68a1fd rgb(104,161,253)
```
#7badfd
```
#7badfd rgb(123,173,253)
```
#8eb9fd
```
#8eb9fd rgb(142,185,253)
```
#a2c5fe
```
#a2c5fe rgb(162,197,254)
```
#b5d1fe
```
#b5d1fe rgb(181,209,254)
```
#c8ddfe
```
#c8ddfe rgb(200,221,254)
```
#dce9fe
```
#dce9fe rgb(220,233,254)
```
#eff5ff
```
#eff5ff rgb(239,245,255)
```

Tint Color Variation

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

#b9bbbf
```
#b9bbbf rgb(185,187,191)
```
#b4bac4
```
#b4bac4 rgb(180,186,196)
```
#afb9c9
```
#afb9c9 rgb(175,185,201)
```
#a9b8cf
```
#a9b8cf rgb(169,184,207)
```
#a4b7d4
```
#a4b7d4 rgb(164,183,212)
```
#9fb5d9
```
#9fb5d9 rgb(159,181,217)
```
#9ab4de
```
#9ab4de rgb(154,180,222)
```
#95b3e3
```
#95b3e3 rgb(149,179,227)
```
#90b2e8
```
#90b2e8 rgb(144,178,232)
```
#8ab1ee
```
#8ab1ee rgb(138,177,238)
```
#85aff3
```
#85aff3 rgb(133,175,243)
```
#80aef8
```
#80aef8 rgb(128,174,248)
```
#7badfd
```
#7badfd rgb(123,173,253)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9ea8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94adfa Protanopia 1% of men
#8aaffd Deuteranopia 1% of men
#6bbbc9 Tritanopia 0.001% of the population

Trichromacy

#8badfb Protanomaly 1% of men, 0.01% of women
#84aefd Deuteranomaly 6% of men, 0.4% of women
#71b6dc Tritanomaly 0.01% of the population

#7badfd hex color

#7badfd Color Information

#7badfd Color Conversion

Color Schemes with #7badfd

Alternatives to #7badfd

#7badfd Preview

Shades and Tints of #7badfd

Tones of #7badfd

Color Blindness Simulator