#14a2f7 hex color

In a RGB color space, hex #14a2f7 is composed of 7.8% red, 63.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 34.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 202.5 degrees, a saturation of 93.4% and a lightness of 52.4%. #14a2f7 color hex could be obtained by blending #28ffff with #0045ef. Closest websafe color is: #0099ff.

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

● #14a2f7 color description : Vivid blue.

The hexadecimal color #14a2f7 has RGB values of R:20, G:162, B:247 and CMYK values of C:0.92, M:0.34, Y:0, K:0.03. Its decimal value is 1352439.

Hex triplet	14a2f7	`#14a2f7`
RGB Decimal	20, 162, 247	`rgb(20,162,247)`
RGB Percent	7.8, 63.5, 96.9	`rgb(7.8%,63.5%,96.9%)`
CMYK	92, 34, 0, 3
HSL	202.5°, 93.4, 52.4	`hsl(202.5,93.4%,52.4%)`
HSV (or HSB)	202.5°, 91.9, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.919, -4.071, -51.779
XYZ	29.993, 32.702, 92.722
xyY	0.193, 0.21, 32.702
CIE-LCH	63.919, 51.939, 265.505
CIE-LUV	63.919, -39.576, -82.957
Hunter-Lab	57.186, -6.454, -56.104
Binary	00010100, 10100010, 11110111

#14a2f7
```
#14a2f7 rgb(20,162,247)
```
#f76914
```
#f76914 rgb(247,105,20)
```

Complementary Color

#14f7db
```
#14f7db rgb(20,247,219)
```
#14a2f7
```
#14a2f7 rgb(20,162,247)
```
#1431f7
```
#1431f7 rgb(20,49,247)
```

Analogous Color

#f7db14
```
#f7db14 rgb(247,219,20)
```
#14a2f7
```
#14a2f7 rgb(20,162,247)
```
#f71431
```
#f71431 rgb(247,20,49)
```

Split Complementary Color

#a2f714
```
#a2f714 rgb(162,247,20)
```
#14a2f7
```
#14a2f7 rgb(20,162,247)
```
#f714a2
```
#f714a2 rgb(247,20,162)
```

Triadic Color

#14f769
```
#14f769 rgb(20,247,105)
```
#14a2f7
```
#14a2f7 rgb(20,162,247)
```
#f714a2
```
#f714a2 rgb(247,20,162)
```
#f76914
```
#f76914 rgb(247,105,20)
```

Tetradic Color

#0676b8
```
#0676b8 rgb(6,118,184)
```
#0785d1
```
#0785d1 rgb(7,133,209)
```
#0895ea
```
#0895ea rgb(8,149,234)
```
#14a2f7
```
#14a2f7 rgb(20,162,247)
```
#2dacf8
```
#2dacf8 rgb(45,172,248)
```
#45b6f9
```
#45b6f9 rgb(69,182,249)
```
#5ebffa
```
#5ebffa rgb(94,191,250)
```

Monochromatic Color

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

#14dbf7
```
#14dbf7 rgb(20,219,247)
```
#14c8f7
```
#14c8f7 rgb(20,200,247)
```
#14b5f7
```
#14b5f7 rgb(20,181,247)
```
#14a2f7
```
#14a2f7 rgb(20,162,247)
```
#148ff7
```
#148ff7 rgb(20,143,247)
```
#147cf7
```
#147cf7 rgb(20,124,247)
```
#1469f7
```
#1469f7 rgb(20,105,247)
```

Similar Colors

Text with hexadecimal color #14a2f7

This text has a font color of #14a2f7.

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

#14a2f7 background color

This paragraph has a background color of #14a2f7.

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

#14a2f7 border color

This element has a border color of #14a2f7.

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

CSS codes

.text {color:#14a2f7;}

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

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

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

#00070c
```
#00070c rgb(0,7,12)
```
#01141f
```
#01141f rgb(1,20,31)
```
#022032
```
#022032 rgb(2,32,50)
```
#022c45
```
#022c45 rgb(2,44,69)
```
#033857
```
#033857 rgb(3,56,87)
```
#04446a
```
#04446a rgb(4,68,106)
```
#04507d
```
#04507d rgb(4,80,125)
```
#055c90
```
#055c90 rgb(5,92,144)
```
#0668a3
```
#0668a3 rgb(6,104,163)
```
#0674b6
```
#0674b6 rgb(6,116,182)
```
#0780c9
```
#0780c9 rgb(7,128,201)
```
#078ddc
```
#078ddc rgb(7,141,220)
```
#0899ef
```
#0899ef rgb(8,153,239)
```

Shade Color Variation

#14a2f7
```
#14a2f7 rgb(20,162,247)
```
#27aaf8
```
#27aaf8 rgb(39,170,248)
```
#3ab1f8
```
#3ab1f8 rgb(58,177,248)
```
#4db9f9
```
#4db9f9 rgb(77,185,249)
```
#60c0fa
```
#60c0fa rgb(96,192,250)
```
#73c8fa
```
#73c8fa rgb(115,200,250)
```
#86cffb
```
#86cffb rgb(134,207,251)
```
#99d7fc
```
#99d7fc rgb(153,215,252)
```
#acdefc
```
#acdefc rgb(172,222,252)
```
#bfe6fd
```
#bfe6fd rgb(191,230,253)
```
#d2edfd
```
#d2edfd rgb(210,237,253)
```
#e5f5fe
```
#e5f5fe rgb(229,245,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#848687
```
#848687 rgb(132,134,135)
```
#7b8890
```
#7b8890 rgb(123,136,144)
```
#718b9a
```
#718b9a rgb(113,139,154)
```
#688da3
```
#688da3 rgb(104,141,163)
```
#5f8fac
```
#5f8fac rgb(95,143,172)
```
#5592b6
```
#5592b6 rgb(85,146,182)
```
#4c94bf
```
#4c94bf rgb(76,148,191)
```
#4396c8
```
#4396c8 rgb(67,150,200)
```
#3999d2
```
#3999d2 rgb(57,153,210)
```
#309bdb
```
#309bdb rgb(48,155,219)
```
#279de4
```
#279de4 rgb(39,157,228)
```
#1da0ee
```
#1da0ee rgb(29,160,238)
```
#14a2f7
```
#14a2f7 rgb(20,162,247)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6b8899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9df0 Protanopia 1% of men
#62a0fa Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#589ff2 Protanomaly 1% of men, 0.01% of women
#45a1f8 Deuteranomaly 6% of men, 0.4% of women
#07aad0 Tritanomaly 0.01% of the population

#14a2f7 hex color

#14a2f7 Color Information

#14a2f7 Color Conversion

Color Schemes with #14a2f7

Alternatives to #14a2f7

#14a2f7 Preview

Shades and Tints of #14a2f7

Tones of #14a2f7

Color Blindness Simulator