#00b0f9 hex color

In a RGB color space, hex #00b0f9 is composed of 0% red, 69% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 29.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 197.6 degrees, a saturation of 100% and a lightness of 48.8%. #00b0f9 color hex could be obtained by blending #00ffff with #0061f3. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 69
- B 98
RGB color chart
- C 100
- M 29
- Y 0
- K 2
CMYK color chart

● #00b0f9 color description : Pure (or mostly pure) blue.

The hexadecimal color #00b0f9 has RGB values of R:0, G:176, B:249 and CMYK values of C:1, M:0.29, Y:0, K:0.02. Its decimal value is 45305.

Hex triplet	00b0f9	`#00b0f9`
RGB Decimal	0, 176, 249	`rgb(0,176,249)`
RGB Percent	0, 69, 97.6	`rgb(0%,69%,97.6%)`
CMYK	100, 29, 0, 2
HSL	197.6°, 100, 48.8	`hsl(197.6,100%,48.8%)`
HSV (or HSB)	197.6°, 100, 97.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.937, -11.731, -46.532
XYZ	32.62, 37.887, 95.211
xyY	0.197, 0.229, 37.887
CIE-LCH	67.937, 47.988, 255.85
CIE-LUV	67.937, -44.746, -73.942
Hunter-Lab	61.552, -13.12, -48.625
Binary	00000000, 10110000, 11111001

#00b0f9
```
#00b0f9 rgb(0,176,249)
```
#f94900
```
#f94900 rgb(249,73,0)
```

Complementary Color

#00f9c6
```
#00f9c6 rgb(0,249,198)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```
#0034f9
```
#0034f9 rgb(0,52,249)
```

Analogous Color

#f9c600
```
#f9c600 rgb(249,198,0)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```
#f90034
```
#f90034 rgb(249,0,52)
```

Split Complementary Color

#b0f900
```
#b0f900 rgb(176,249,0)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```
#f900b0
```
#f900b0 rgb(249,0,176)
```

Triadic Color

#00f949
```
#00f949 rgb(0,249,73)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```
#f900b0
```
#f900b0 rgb(249,0,176)
```
#f94900
```
#f94900 rgb(249,73,0)
```

Tetradic Color

#007aad
```
#007aad rgb(0,122,173)
```
#008cc6
```
#008cc6 rgb(0,140,198)
```
#009ee0
```
#009ee0 rgb(0,158,224)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```
#14baff
```
#14baff rgb(20,186,255)
```
#2dc1ff
```
#2dc1ff rgb(45,193,255)
```
#47c9ff
```
#47c9ff rgb(71,201,255)
```

Monochromatic Color

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

#00eef9
```
#00eef9 rgb(0,238,249)
```
#00daf9
```
#00daf9 rgb(0,218,249)
```
#00c5f9
```
#00c5f9 rgb(0,197,249)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```
#009bf9
```
#009bf9 rgb(0,155,249)
```
#0087f9
```
#0087f9 rgb(0,135,249)
```
#0072f9
```
#0072f9 rgb(0,114,249)
```

Similar Colors

Text with hexadecimal color #00b0f9

This text has a font color of #00b0f9.

<span style="color:#00b0f9;">Text here</span>

#00b0f9 background color

This paragraph has a background color of #00b0f9.

<p style="background-color:#00b0f9;">Content here</p>

#00b0f9 border color

This element has a border color of #00b0f9.

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

CSS codes

.text {color:#00b0f9;}

.background {background-color:#00b0f9;}

.border {border:1px solid #00b0f9;}

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, #000a0e is the darkest color, while #f9fdff is the lightest one.

#000a0e
```
#000a0e rgb(0,10,14)
```
#001721
```
#001721 rgb(0,23,33)
```
#002535
```
#002535 rgb(0,37,53)
```
#003348
```
#003348 rgb(0,51,72)
```
#00415c
```
#00415c rgb(0,65,92)
```
#004f70
```
#004f70 rgb(0,79,112)
```
#005d83
```
#005d83 rgb(0,93,131)
```
#006b97
```
#006b97 rgb(0,107,151)
```
#0079ab
```
#0079ab rgb(0,121,171)
```
#0086be
```
#0086be rgb(0,134,190)
```
#0094d2
```
#0094d2 rgb(0,148,210)
```
#00a2e5
```
#00a2e5 rgb(0,162,229)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```

Shade Color Variation

#0eb8ff
```
#0eb8ff rgb(14,184,255)
```
#21beff
```
#21beff rgb(33,190,255)
```
#35c4ff
```
#35c4ff rgb(53,196,255)
```
#48c9ff
```
#48c9ff rgb(72,201,255)
```
#5ccfff
```
#5ccfff rgb(92,207,255)
```
#70d5ff
```
#70d5ff rgb(112,213,255)
```
#83dbff
```
#83dbff rgb(131,219,255)
```
#97e0ff
```
#97e0ff rgb(151,224,255)
```
#abe6ff
```
#abe6ff rgb(171,230,255)
```
#beecff
```
#beecff rgb(190,236,255)
```
#d2f2ff
```
#d2f2ff rgb(210,242,255)
```
#e5f7ff
```
#e5f7ff rgb(229,247,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#738086
```
#738086 rgb(115,128,134)
```
#698490
```
#698490 rgb(105,132,144)
```
#608899
```
#608899 rgb(96,136,153)
```
#568ca3
```
#568ca3 rgb(86,140,163)
```
#4d90ac
```
#4d90ac rgb(77,144,172)
```
#4394b6
```
#4394b6 rgb(67,148,182)
```
#3998c0
```
#3998c0 rgb(57,152,192)
```
#309cc9
```
#309cc9 rgb(48,156,201)
```
#26a0d3
```
#26a0d3 rgb(38,160,211)
```
#1da4dc
```
#1da4dc rgb(29,164,220)
```
#13a8e6
```
#13a8e6 rgb(19,168,230)
```
#0aacef
```
#0aacef rgb(10,172,239)
```
#00b0f9
```
#00b0f9 rgb(0,176,249)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a8d9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a7f0 Protanopia 1% of men
#7baafd Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#5caaf3 Protanomaly 1% of men, 0.01% of women
#4eacfb Deuteranomaly 6% of men, 0.4% of women
#00b6d9 Tritanomaly 0.01% of the population

#00b0f9 hex color

#00b0f9 Color Information

#00b0f9 Color Conversion

Color Schemes with #00b0f9

Alternatives to #00b0f9

#00b0f9 Preview

Shades and Tints of #00b0f9

Tones of #00b0f9

Color Blindness Simulator