#0badfd hex color

In a RGB color space, hex #0badfd is composed of 4.3% red, 67.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 31.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 199.8 degrees, a saturation of 98.4% and a lightness of 51.8%. #0badfd color hex could be obtained by blending #16ffff with #005bfb. Closest websafe color is: #0099ff.

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

● #0badfd color description : Vivid blue.

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

Hex triplet	0badfd	`#0badfd`
RGB Decimal	11, 173, 253	`rgb(11,173,253)`
RGB Percent	4.3, 67.8, 99.2	`rgb(4.3%,67.8%,99.2%)`
CMYK	96, 32, 0, 1
HSL	199.8°, 98.4, 51.8	`hsl(199.8,98.4%,51.8%)`
HSV (or HSB)	199.8°, 95.7, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.312, -8.37, -49.686
XYZ	32.807, 37.047, 98.345
xyY	0.195, 0.22, 37.047
CIE-LCH	67.312, 50.386, 260.438
CIE-LUV	67.312, -43.155, -79.602
Hunter-Lab	60.866, -10.305, -53.192
Binary	00001011, 10101101, 11111101

#0badfd
```
#0badfd rgb(11,173,253)
```
#fd5b0b
```
#fd5b0b rgb(253,91,11)
```

Complementary Color

#0bfdd4
```
#0bfdd4 rgb(11,253,212)
```
#0badfd
```
#0badfd rgb(11,173,253)
```
#0b34fd
```
#0b34fd rgb(11,52,253)
```

Analogous Color

#fdd40b
```
#fdd40b rgb(253,212,11)
```
#0badfd
```
#0badfd rgb(11,173,253)
```
#fd0b34
```
#fd0b34 rgb(253,11,52)
```

Split Complementary Color

#adfd0b
```
#adfd0b rgb(173,253,11)
```
#0badfd
```
#0badfd rgb(11,173,253)
```
#fd0bad
```
#fd0bad rgb(253,11,173)
```

Triadic Color

#0bfd5b
```
#0bfd5b rgb(11,253,91)
```
#0badfd
```
#0badfd rgb(11,173,253)
```
#fd0bad
```
#fd0bad rgb(253,11,173)
```
#fd5b0b
```
#fd5b0b rgb(253,91,11)
```

Tetradic Color

#027dba
```
#027dba rgb(2,125,186)
```
#028ed3
```
#028ed3 rgb(2,142,211)
```
#029fed
```
#029fed rgb(2,159,237)
```
#0badfd
```
#0badfd rgb(11,173,253)
```
#24b6fd
```
#24b6fd rgb(36,182,253)
```
#3ebefd
```
#3ebefd rgb(62,190,253)
```
#57c7fe
```
#57c7fe rgb(87,199,254)
```

Monochromatic Color

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

#0beafd
```
#0beafd rgb(11,234,253)
```
#0bd5fd
```
#0bd5fd rgb(11,213,253)
```
#0bc1fd
```
#0bc1fd rgb(11,193,253)
```
#0badfd
```
#0badfd rgb(11,173,253)
```
#0b99fd
```
#0b99fd rgb(11,153,253)
```
#0b85fd
```
#0b85fd rgb(11,133,253)
```
#0b71fd
```
#0b71fd rgb(11,113,253)
```

Similar Colors

Text with hexadecimal color #0badfd

This text has a font color of #0badfd.

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

#0badfd background color

This paragraph has a background color of #0badfd.

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

#0badfd border color

This element has a border color of #0badfd.

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

CSS codes

.text {color:#0badfd;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#00131c
```
#00131c rgb(0,19,28)
```
#002030
```
#002030 rgb(0,32,48)
```
#012d43
```
#012d43 rgb(1,45,67)
```
#013a57
```
#013a57 rgb(1,58,87)
```
#01476a
```
#01476a rgb(1,71,106)
```
#01547e
```
#01547e rgb(1,84,126)
```
#016291
```
#016291 rgb(1,98,145)
```
#016fa5
```
#016fa5 rgb(1,111,165)
```
#027cb8
```
#027cb8 rgb(2,124,184)
```
#0289cb
```
#0289cb rgb(2,137,203)
```
#0296df
```
#0296df rgb(2,150,223)
```
#02a3f2
```
#02a3f2 rgb(2,163,242)
```

Shade Color Variation

#0badfd
```
#0badfd rgb(11,173,253)
```
#1eb4fd
```
#1eb4fd rgb(30,180,253)
```
#32bafd
```
#32bafd rgb(50,186,253)
```
#45c1fd
```
#45c1fd rgb(69,193,253)
```
#59c7fe
```
#59c7fe rgb(89,199,254)
```
#6ccefe
```
#6ccefe rgb(108,206,254)
```
#80d4fe
```
#80d4fe rgb(128,212,254)
```
#93dbfe
```
#93dbfe rgb(147,219,254)
```
#a7e1fe
```
#a7e1fe rgb(167,225,254)
```
#bae8fe
```
#bae8fe rgb(186,232,254)
```
#ceeeff
```
#ceeeff rgb(206,238,255)
```
#e1f5ff
```
#e1f5ff rgb(225,245,255)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#7d878b
```
#7d878b rgb(125,135,139)
```
#738a95
```
#738a95 rgb(115,138,149)
```
#6a8d9e
```
#6a8d9e rgb(106,141,158)
```
#6090a8
```
#6090a8 rgb(96,144,168)
```
#5793b1
```
#5793b1 rgb(87,147,177)
```
#4d97bb
```
#4d97bb rgb(77,151,187)
```
#449ac4
```
#449ac4 rgb(68,154,196)
```
#3a9dce
```
#3a9dce rgb(58,157,206)
```
#31a0d7
```
#31a0d7 rgb(49,160,215)
```
#27a3e1
```
#27a3e1 rgb(39,163,225)
```
#1ea7ea
```
#1ea7ea rgb(30,167,234)
```
#14aaf4
```
#14aaf4 rgb(20,170,244)
```
#0badfd
```
#0badfd rgb(11,173,253)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6d8e9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba6f4 Protanopia 1% of men
#74a8ff Deuteranopia 1% of men
#00b9c5 Tritanopia 0.001% of the population

Trichromacy

#5ca8f7 Protanomaly 1% of men, 0.01% of women
#4daafe Deuteranomaly 6% of men, 0.4% of women
#04b4d9 Tritanomaly 0.01% of the population

#0badfd hex color

#0badfd Color Information

#0badfd Color Conversion

Color Schemes with #0badfd

Alternatives to #0badfd

#0badfd Preview

Shades and Tints of #0badfd

Tones of #0badfd

Color Blindness Simulator