#14baf8 hex color

In a RGB color space, hex #14baf8 is composed of 7.8% red, 72.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 25% magenta, 0% yellow and 2.7% black. It has a hue angle of 196.3 degrees, a saturation of 94.2% and a lightness of 52.5%. #14baf8 color hex could be obtained by blending #28ffff with #0075f1. Closest websafe color is: #00ccff.

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

● #14baf8 color description : Vivid blue.

The hexadecimal color #14baf8 has RGB values of R:20, G:186, B:248 and CMYK values of C:0.92, M:0.25, Y:0, K:0.03. Its decimal value is 1358584.

Hex triplet	14baf8	`#14baf8`
RGB Decimal	20, 186, 248	`rgb(20,186,248)`
RGB Percent	7.8, 72.9, 97.3	`rgb(7.8%,72.9%,97.3%)`
CMYK	92, 25, 0, 3
HSL	196.3°, 94.2, 52.5	`hsl(196.3,94.2%,52.5%)`
HSV (or HSB)	196.3°, 91.9, 97.3
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.899, -16.913, -41.341
XYZ	34.786, 42.04, 95.083
xyY	0.202, 0.245, 42.04
CIE-LCH	70.899, 44.666, 247.75
CIE-LUV	70.899, -47.439, -64.82
Hunter-Lab	64.839, -17.701, -41.559
Binary	00010100, 10111010, 11111000

#14baf8
```
#14baf8 rgb(20,186,248)
```
#f85214
```
#f85214 rgb(248,82,20)
```

Complementary Color

#14f8c4
```
#14f8c4 rgb(20,248,196)
```
#14baf8
```
#14baf8 rgb(20,186,248)
```
#1448f8
```
#1448f8 rgb(20,72,248)
```

Analogous Color

#f8c414
```
#f8c414 rgb(248,196,20)
```
#14baf8
```
#14baf8 rgb(20,186,248)
```
#f81448
```
#f81448 rgb(248,20,72)
```

Split Complementary Color

#baf814
```
#baf814 rgb(186,248,20)
```
#14baf8
```
#14baf8 rgb(20,186,248)
```
#f814ba
```
#f814ba rgb(248,20,186)
```

Triadic Color

#14f852
```
#14f852 rgb(20,248,82)
```
#14baf8
```
#14baf8 rgb(20,186,248)
```
#f814ba
```
#f814ba rgb(248,20,186)
```
#f85214
```
#f85214 rgb(248,82,20)
```

Tetradic Color

#0689ba
```
#0689ba rgb(6,137,186)
```
#069bd3
```
#069bd3 rgb(6,155,211)
```
#07adeb
```
#07adeb rgb(7,173,235)
```
#14baf8
```
#14baf8 rgb(20,186,248)
```
#2dc1f9
```
#2dc1f9 rgb(45,193,249)
```
#46c9f9
```
#46c9f9 rgb(70,201,249)
```
#5ed0fa
```
#5ed0fa rgb(94,208,250)
```

Monochromatic Color

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

#14f3f8
```
#14f3f8 rgb(20,243,248)
```
#14e0f8
```
#14e0f8 rgb(20,224,248)
```
#14cdf8
```
#14cdf8 rgb(20,205,248)
```
#14baf8
```
#14baf8 rgb(20,186,248)
```
#14a7f8
```
#14a7f8 rgb(20,167,248)
```
#1494f8
```
#1494f8 rgb(20,148,248)
```
#1481f8
```
#1481f8 rgb(20,129,248)
```

Similar Colors

Text with hexadecimal color #14baf8

This text has a font color of #14baf8.

<span style="color:#14baf8;">Text here</span>

#14baf8 background color

This paragraph has a background color of #14baf8.

<p style="background-color:#14baf8;">Content here</p>

#14baf8 border color

This element has a border color of #14baf8.

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

CSS codes

.text {color:#14baf8;}

.background {background-color:#14baf8;}

.border {border:1px solid #14baf8;}

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

#00090d
```
#00090d rgb(0,9,13)
```
#011720
```
#011720 rgb(1,23,32)
```
#022533
```
#022533 rgb(2,37,51)
```
#023346
```
#023346 rgb(2,51,70)
```
#034159
```
#034159 rgb(3,65,89)
```
#034f6c
```
#034f6c rgb(3,79,108)
```
#045d7f
```
#045d7f rgb(4,93,127)
```
#046b92
```
#046b92 rgb(4,107,146)
```
#0579a5
```
#0579a5 rgb(5,121,165)
```
#0587b8
```
#0587b8 rgb(5,135,184)
```
#0696cb
```
#0696cb rgb(6,150,203)
```
#07a4de
```
#07a4de rgb(7,164,222)
```
#07b2f1
```
#07b2f1 rgb(7,178,241)
```

Shade Color Variation

#14baf8
```
#14baf8 rgb(20,186,248)
```
#27c0f9
```
#27c0f9 rgb(39,192,249)
```
#3ac5f9
```
#3ac5f9 rgb(58,197,249)
```
#4dcbfa
```
#4dcbfa rgb(77,203,250)
```
#60d0fa
```
#60d0fa rgb(96,208,250)
```
#73d6fb
```
#73d6fb rgb(115,214,251)
```
#86dcfb
```
#86dcfb rgb(134,220,251)
```
#99e1fc
```
#99e1fc rgb(153,225,252)
```
#ace7fd
```
#ace7fd rgb(172,231,253)
```
#bfecfd
```
#bfecfd rgb(191,236,253)
```
#d2f2fe
```
#d2f2fe rgb(210,242,254)
```
#e6f8fe
```
#e6f8fe rgb(230,248,254)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#848788
```
#848788 rgb(132,135,136)
```
#7a8b92
```
#7a8b92 rgb(122,139,146)
```
#71909b
```
#71909b rgb(113,144,155)
```
#6894a4
```
#6894a4 rgb(104,148,164)
```
#5e98ae
```
#5e98ae rgb(94,152,174)
```
#559cb7
```
#559cb7 rgb(85,156,183)
```
#4ca1c0
```
#4ca1c0 rgb(76,161,192)
```
#43a5c9
```
#43a5c9 rgb(67,165,201)
```
#39a9d3
```
#39a9d3 rgb(57,169,211)
```
#30addc
```
#30addc rgb(48,173,220)
```
#27b2e5
```
#27b2e5 rgb(39,178,229)
```
#1db6ef
```
#1db6ef rgb(29,182,239)
```
#14baf8
```
#14baf8 rgb(20,186,248)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7698a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dafee Protanopia 1% of men
#8db0fd Deuteranopia 1% of men
#00c3d0 Tritanopia 0.001% of the population

Trichromacy

#6bb3f1 Protanomaly 1% of men, 0.01% of women
#61b4fb Deuteranomaly 6% of men, 0.4% of women
#07bfde Tritanomaly 0.01% of the population

#14baf8 hex color

#14baf8 Color Information

#14baf8 Color Conversion

Color Schemes with #14baf8

Alternatives to #14baf8

#14baf8 Preview

Shades and Tints of #14baf8

Tones of #14baf8

Color Blindness Simulator