#00baf7 hex color

In a RGB color space, hex #00baf7 is composed of 0% red, 72.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 24.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 194.8 degrees, a saturation of 100% and a lightness of 48.4%. #00baf7 color hex could be obtained by blending #00ffff with #0075ef. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 73
- B 97
RGB color chart
- C 100
- M 25
- Y 0
- K 3
CMYK color chart

● #00baf7 color description : Pure (or mostly pure) cyan.

The hexadecimal color #00baf7 has RGB values of R:0, G:186, B:247 and CMYK values of C:1, M:0.25, Y:0, K:0.03. Its decimal value is 47863.

Hex triplet	00baf7	`#00baf7`
RGB Decimal	0, 186, 247	`rgb(0,186,247)`
RGB Percent	0, 72.9, 96.9	`rgb(0%,72.9%,96.9%)`
CMYK	100, 25, 0, 3
HSL	194.8°, 100, 48.4	`hsl(194.8,100%,48.4%)`
HSV (or HSB)	194.8°, 100, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.753, -17.811, -41.034
XYZ	34.343, 41.83, 94.254
xyY	0.202, 0.245, 41.83
CIE-LCH	70.753, 44.733, 246.536
CIE-LUV	70.753, -48.201, -64.173
Hunter-Lab	64.676, -18.399, -41.132
Binary	00000000, 10111010, 11110111

#00baf7
```
#00baf7 rgb(0,186,247)
```
#f73d00
```
#f73d00 rgb(247,61,0)
```

Complementary Color

#00f7b9
```
#00f7b9 rgb(0,247,185)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```
#003ff7
```
#003ff7 rgb(0,63,247)
```

Analogous Color

#f7b900
```
#f7b900 rgb(247,185,0)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```
#f7003f
```
#f7003f rgb(247,0,63)
```

Split Complementary Color

#baf700
```
#baf700 rgb(186,247,0)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```
#f700ba
```
#f700ba rgb(247,0,186)
```

Triadic Color

#00f73d
```
#00f73d rgb(0,247,61)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```
#f700ba
```
#f700ba rgb(247,0,186)
```
#f73d00
```
#f73d00 rgb(247,61,0)
```

Tetradic Color

#0080ab
```
#0080ab rgb(0,128,171)
```
#0094c4
```
#0094c4 rgb(0,148,196)
```
#00a7de
```
#00a7de rgb(0,167,222)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```
#12c4ff
```
#12c4ff rgb(18,196,255)
```
#2bcbff
```
#2bcbff rgb(43,203,255)
```
#45d1ff
```
#45d1ff rgb(69,209,255)
```

Monochromatic Color

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

#00f7f6
```
#00f7f6 rgb(0,247,246)
```
#00e3f7
```
#00e3f7 rgb(0,227,247)
```
#00cff7
```
#00cff7 rgb(0,207,247)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```
#00a5f7
```
#00a5f7 rgb(0,165,247)
```
#0091f7
```
#0091f7 rgb(0,145,247)
```
#007cf7
```
#007cf7 rgb(0,124,247)
```

Similar Colors

Text with hexadecimal color #00baf7

This text has a font color of #00baf7.

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

#00baf7 background color

This paragraph has a background color of #00baf7.

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

#00baf7 border color

This element has a border color of #00baf7.

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

CSS codes

.text {color:#00baf7;}

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

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

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, #00090c is the darkest color, while #f7fdff is the lightest one.

#00090c
```
#00090c rgb(0,9,12)
```
#00181f
```
#00181f rgb(0,24,31)
```
#002633
```
#002633 rgb(0,38,51)
```
#003546
```
#003546 rgb(0,53,70)
```
#00445a
```
#00445a rgb(0,68,90)
```
#00536e
```
#00536e rgb(0,83,110)
```
#006181
```
#006181 rgb(0,97,129)
```
#007095
```
#007095 rgb(0,112,149)
```
#007fa9
```
#007fa9 rgb(0,127,169)
```
#008ebc
```
#008ebc rgb(0,142,188)
```
#009cd0
```
#009cd0 rgb(0,156,208)
```
#00abe3
```
#00abe3 rgb(0,171,227)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```

Shade Color Variation

#0cc3ff
```
#0cc3ff rgb(12,195,255)
```
#1fc8ff
```
#1fc8ff rgb(31,200,255)
```
#33cdff
```
#33cdff rgb(51,205,255)
```
#46d1ff
```
#46d1ff rgb(70,209,255)
```
#5ad6ff
```
#5ad6ff rgb(90,214,255)
```
#6edbff
```
#6edbff rgb(110,219,255)
```
#81e0ff
```
#81e0ff rgb(129,224,255)
```
#95e5ff
```
#95e5ff rgb(149,229,255)
```
#a9eaff
```
#a9eaff rgb(169,234,255)
```
#bceeff
```
#bceeff rgb(188,238,255)
```
#d0f3ff
```
#d0f3ff rgb(208,243,255)
```
#e3f8ff
```
#e3f8ff rgb(227,248,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#728085
```
#728085 rgb(114,128,133)
```
#69858f
```
#69858f rgb(105,133,143)
```
#5f8a98
```
#5f8a98 rgb(95,138,152)
```
#568fa2
```
#568fa2 rgb(86,143,162)
```
#4c94ab
```
#4c94ab rgb(76,148,171)
```
#4398b5
```
#4398b5 rgb(67,152,181)
```
#399dbe
```
#399dbe rgb(57,157,190)
```
#30a2c8
```
#30a2c8 rgb(48,162,200)
```
#26a7d1
```
#26a7d1 rgb(38,167,209)
```
#1dacdb
```
#1dacdb rgb(29,172,219)
```
#13b0e4
```
#13b0e4 rgb(19,176,228)
```
#0ab5ee
```
#0ab5ee rgb(10,181,238)
```
#00baf7
```
#00baf7 rgb(0,186,247)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#6e939f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dafed Protanopia 1% of men
#8db0fc Deuteranopia 1% of men
#00c2cf Tritanopia 0.001% of the population

Trichromacy

#64b3f0 Protanomaly 1% of men, 0.01% of women
#5ab3fa Deuteranomaly 6% of men, 0.4% of women
#00bfde Tritanomaly 0.01% of the population

#00baf7 hex color

#00baf7 Color Information

#00baf7 Color Conversion

Color Schemes with #00baf7

Alternatives to #00baf7

#00baf7 Preview

Shades and Tints of #00baf7

Tones of #00baf7

Color Blindness Simulator