#14c7e2 hex color

In a RGB color space, hex #14c7e2 is composed of 7.8% red, 78% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 11.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 187.9 degrees, a saturation of 83.7% and a lightness of 48.2%. #14c7e2 color hex could be obtained by blending #28ffff with #008fc5. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 8
- G 78
- B 89
RGB color chart
- C 91
- M 12
- Y 0
- K 11
CMYK color chart

● #14c7e2 color description : Vivid cyan.

The hexadecimal color #14c7e2 has RGB values of R:20, G:199, B:226 and CMYK values of C:0.91, M:0.12, Y:0, K:0.11. Its decimal value is 1361890.

Hex triplet	14c7e2	`#14c7e2`
RGB Decimal	20, 199, 226	`rgb(20,199,226)`
RGB Percent	7.8, 78, 88.6	`rgb(7.8%,78%,88.6%)`
CMYK	91, 12, 0, 11
HSL	187.9°, 83.7, 48.2	`hsl(187.9,83.7%,48.2%)`
HSV (or HSB)	187.9°, 91.2, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	73.858, -30.874, -24.867
XYZ	34.435, 46.483, 79.105
xyY	0.215, 0.29, 46.483
CIE-LCH	73.858, 39.643, 218.85
CIE-LUV	73.858, -53.472, -35.144
Hunter-Lab	68.179, -29.156, -21.067
Binary	00010100, 11000111, 11100010

#14c7e2
```
#14c7e2 rgb(20,199,226)
```
#e22f14
```
#e22f14 rgb(226,47,20)
```

Complementary Color

#14e296
```
#14e296 rgb(20,226,150)
```
#14c7e2
```
#14c7e2 rgb(20,199,226)
```
#1460e2
```
#1460e2 rgb(20,96,226)
```

Analogous Color

#e29614
```
#e29614 rgb(226,150,20)
```
#14c7e2
```
#14c7e2 rgb(20,199,226)
```
#e21460
```
#e21460 rgb(226,20,96)
```

Split Complementary Color

#c7e214
```
#c7e214 rgb(199,226,20)
```
#14c7e2
```
#14c7e2 rgb(20,199,226)
```
#e214c7
```
#e214c7 rgb(226,20,199)
```

Triadic Color

#14e22f
```
#14e22f rgb(20,226,47)
```
#14c7e2
```
#14c7e2 rgb(20,199,226)
```
#e214c7
```
#e214c7 rgb(226,20,199)
```
#e22f14
```
#e22f14 rgb(226,47,20)
```

Tetradic Color

#0e899c
```
#0e899c rgb(14,137,156)
```
#109eb3
```
#109eb3 rgb(16,158,179)
```
#12b2cb
```
#12b2cb rgb(18,178,203)
```
#14c7e2
```
#14c7e2 rgb(20,199,226)
```
#24d1ec
```
#24d1ec rgb(36,209,236)
```
#3bd6ee
```
#3bd6ee rgb(59,214,238)
```
#53dbf0
```
#53dbf0 rgb(83,219,240)
```

Monochromatic Color

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

#14e2ca
```
#14e2ca rgb(20,226,202)
```
#14e2db
```
#14e2db rgb(20,226,219)
```
#14d8e2
```
#14d8e2 rgb(20,216,226)
```
#14c7e2
```
#14c7e2 rgb(20,199,226)
```
#14b6e2
```
#14b6e2 rgb(20,182,226)
```
#14a5e2
```
#14a5e2 rgb(20,165,226)
```
#1494e2
```
#1494e2 rgb(20,148,226)
```

Similar Colors

Text with hexadecimal color #14c7e2

This text has a font color of #14c7e2.

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

#14c7e2 background color

This paragraph has a background color of #14c7e2.

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

#14c7e2 border color

This element has a border color of #14c7e2.

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

CSS codes

.text {color:#14c7e2;}

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

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

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, #01090a is the darkest color, while #f7fdfe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#02181c
```
#02181c rgb(2,24,28)
```
#04282e
```
#04282e rgb(4,40,46)
```
#063840
```
#063840 rgb(6,56,64)
```
#074852
```
#074852 rgb(7,72,82)
```
#095864
```
#095864 rgb(9,88,100)
```
#0a6876
```
#0a6876 rgb(10,104,118)
```
#0c7888
```
#0c7888 rgb(12,120,136)
```
#0e889a
```
#0e889a rgb(14,136,154)
```
#0f97ac
```
#0f97ac rgb(15,151,172)
```
#11a7be
```
#11a7be rgb(17,167,190)
```
#12b7d0
```
#12b7d0 rgb(18,183,208)
```
#14c7e2
```
#14c7e2 rgb(20,199,226)
```

Shade Color Variation

#1ed0eb
```
#1ed0eb rgb(30,208,235)
```
#31d4ed
```
#31d4ed rgb(49,212,237)
```
#43d8ee
```
#43d8ee rgb(67,216,238)
```
#55dcf0
```
#55dcf0 rgb(85,220,240)
```
#67dff2
```
#67dff2 rgb(103,223,242)
```
#79e3f3
```
#79e3f3 rgb(121,227,243)
```
#8be7f5
```
#8be7f5 rgb(139,231,245)
```
#9debf6
```
#9debf6 rgb(157,235,246)
```
#afeef8
```
#afeef8 rgb(175,238,248)
```
#c1f2f9
```
#c1f2f9 rgb(193,242,249)
```
#d3f6fb
```
#d3f6fb rgb(211,246,251)
```
#e5fafd
```
#e5fafd rgb(229,250,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#738183
```
#738183 rgb(115,129,131)
```
#69888d
```
#69888d rgb(105,136,141)
```
#608f96
```
#608f96 rgb(96,143,150)
```
#5696a0
```
#5696a0 rgb(86,150,160)
```
#4d9da9
```
#4d9da9 rgb(77,157,169)
```
#43a4b3
```
#43a4b3 rgb(67,164,179)
```
#3aabbc
```
#3aabbc rgb(58,171,188)
```
#30b2c6
```
#30b2c6 rgb(48,178,198)
```
#27b9cf
```
#27b9cf rgb(39,185,207)
```
#1dc0d9
```
#1dc0d9 rgb(29,192,217)
```
#14c7e2
```
#14c7e2 rgb(20,199,226)
```
#0bceeb
```
#0bceeb rgb(11,206,235)
```
#01d5f5
```
#01d5f5 rgb(1,213,245)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#7b9fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b7d8 Protanopia 1% of men
#aeb6eb Deuteranopia 1% of men
#00cbda Tritanopia 0.001% of the population

Trichromacy

#78bddb Protanomaly 1% of men, 0.01% of women
#76bce7 Deuteranomaly 6% of men, 0.4% of women
#07c9dc Tritanomaly 0.01% of the population

#14c7e2 hex color

#14c7e2 Color Information

#14c7e2 Color Conversion

Color Schemes with #14c7e2

Alternatives to #14c7e2

#14c7e2 Preview

Shades and Tints of #14c7e2

Tones of #14c7e2

Color Blindness Simulator