#14d5f4 hex color

In a RGB color space, hex #14d5f4 is composed of 7.8% red, 83.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 12.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 188.3 degrees, a saturation of 91.1% and a lightness of 51.8%. #14d5f4 color hex could be obtained by blending #28ffff with #00abe9. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 8
- G 84
- B 96
RGB color chart
- C 92
- M 13
- Y 0
- K 4
CMYK color chart

● #14d5f4 color description : Vivid cyan.

The hexadecimal color #14d5f4 has RGB values of R:20, G:213, B:244 and CMYK values of C:0.92, M:0.13, Y:0, K:0.04. Its decimal value is 1365492.

Hex triplet	14d5f4	`#14d5f4`
RGB Decimal	20, 213, 244	`rgb(20,213,244)`
RGB Percent	7.8, 83.5, 95.7	`rgb(7.8%,83.5%,95.7%)`
CMYK	92, 13, 0, 4
HSL	188.3°, 91.1, 51.8	`hsl(188.3,91.1%,51.8%)`
HSV (or HSB)	188.3°, 91.8, 95.7
Web Safe	00ccff	`#00ccff`

CIE-LAB	78.616, -31.865, -27.258
XYZ	40.407, 54.265, 93.927
xyY	0.214, 0.288, 54.265
CIE-LCH	78.616, 41.933, 220.544
CIE-LUV	78.616, -56.804, -39.329
Hunter-Lab	73.665, -31.001, -24.034
Binary	00010100, 11010101, 11110100

#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#f43314
```
#f43314 rgb(244,51,20)
```

Complementary Color

#14f4a3
```
#14f4a3 rgb(20,244,163)
```
#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#1465f4
```
#1465f4 rgb(20,101,244)
```

Analogous Color

#f4a314
```
#f4a314 rgb(244,163,20)
```
#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#f41465
```
#f41465 rgb(244,20,101)
```

Split Complementary Color

#d5f414
```
#d5f414 rgb(213,244,20)
```
#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#f414d5
```
#f414d5 rgb(244,20,213)
```

Triadic Color

#14f433
```
#14f433 rgb(20,244,51)
```
#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#f414d5
```
#f414d5 rgb(244,20,213)
```
#f43314
```
#f43314 rgb(244,51,20)
```

Tetradic Color

#089bb3
```
#089bb3 rgb(8,155,179)
```
#0ab1cb
```
#0ab1cb rgb(10,177,203)
```
#0bc6e4
```
#0bc6e4 rgb(11,198,228)
```
#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#2cd9f5
```
#2cd9f5 rgb(44,217,245)
```
#45def6
```
#45def6 rgb(69,222,246)
```
#5de2f7
```
#5de2f7 rgb(93,226,247)
```

Monochromatic Color

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

#14f4db
```
#14f4db rgb(20,244,219)
```
#14f4ee
```
#14f4ee rgb(20,244,238)
```
#14e8f4
```
#14e8f4 rgb(20,232,244)
```
#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#14c2f4
```
#14c2f4 rgb(20,194,244)
```
#14b0f4
```
#14b0f4 rgb(20,176,244)
```
#149df4
```
#149df4 rgb(20,157,244)
```

Similar Colors

Text with hexadecimal color #14d5f4

This text has a font color of #14d5f4.

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

#14d5f4 background color

This paragraph has a background color of #14d5f4.

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

#14d5f4 border color

This element has a border color of #14d5f4.

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

CSS codes

.text {color:#14d5f4;}

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

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

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, #000709 is the darkest color, while #f5fdff is the lightest one.

#000709
```
#000709 rgb(0,7,9)
```
#01181b
```
#01181b rgb(1,24,27)
```
#02282e
```
#02282e rgb(2,40,46)
```
#033841
```
#033841 rgb(3,56,65)
```
#044954
```
#044954 rgb(4,73,84)
```
#055966
```
#055966 rgb(5,89,102)
```
#066979
```
#066979 rgb(6,105,121)
```
#07798c
```
#07798c rgb(7,121,140)
```
#078a9f
```
#078a9f rgb(7,138,159)
```
#089ab1
```
#089ab1 rgb(8,154,177)
```
#09aac4
```
#09aac4 rgb(9,170,196)
```
#0abad7
```
#0abad7 rgb(10,186,215)
```
#0bcbe9
```
#0bcbe9 rgb(11,203,233)
```

Shade Color Variation

#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#27d8f5
```
#27d8f5 rgb(39,216,245)
```
#39dcf6
```
#39dcf6 rgb(57,220,246)
```
#4cdff7
```
#4cdff7 rgb(76,223,247)
```
#5fe2f8
```
#5fe2f8 rgb(95,226,248)
```
#72e6f8
```
#72e6f8 rgb(114,230,248)
```
#84e9f9
```
#84e9f9 rgb(132,233,249)
```
#97ecfa
```
#97ecfa rgb(151,236,250)
```
#aaf0fb
```
#aaf0fb rgb(170,240,251)
```
#bdf3fc
```
#bdf3fc rgb(189,243,252)
```
#cff6fd
```
#cff6fd rgb(207,246,253)
```
#e2fafe
```
#e2fafe rgb(226,250,254)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8a8c is the less saturated color, while #0bdcfd is the most saturated one.

#7c8a8c
```
#7c8a8c rgb(124,138,140)
```
#739195
```
#739195 rgb(115,145,149)
```
#69979f
```
#69979f rgb(105,151,159)
```
#609ea8
```
#609ea8 rgb(96,158,168)
```
#56a5b2
```
#56a5b2 rgb(86,165,178)
```
#4dacbb
```
#4dacbb rgb(77,172,187)
```
#43b3c5
```
#43b3c5 rgb(67,179,197)
```
#3abace
```
#3abace rgb(58,186,206)
```
#30c0d8
```
#30c0d8 rgb(48,192,216)
```
#27c7e1
```
#27c7e1 rgb(39,199,225)
```
#1dceeb
```
#1dceeb rgb(29,206,235)
```
#14d5f4
```
#14d5f4 rgb(20,213,244)
```
#0bdcfd
```
#0bdcfd rgb(11,220,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#83aab0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc4e8 Protanopia 1% of men
#b8c2fc Deuteranopia 1% of men
#00d8e8 Tritanopia 0.001% of the population

Trichromacy

#7fcaec Protanomaly 1% of men, 0.01% of women
#7cc9f9 Deuteranomaly 6% of men, 0.4% of women
#07d7ec Tritanomaly 0.01% of the population

#14d5f4 hex color

#14d5f4 Color Information

#14d5f4 Color Conversion

Color Schemes with #14d5f4

Alternatives to #14d5f4

#14d5f4 Preview

Shades and Tints of #14d5f4

Tones of #14d5f4

Color Blindness Simulator