#14daf9 hex color

In a RGB color space, hex #14daf9 is composed of 7.8% red, 85.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 12.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 188.1 degrees, a saturation of 95% and a lightness of 52.7%. #14daf9 color hex could be obtained by blending #28ffff with #00b5f3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 8
- G 85
- B 98
RGB color chart
- C 92
- M 12
- Y 0
- K 2
CMYK color chart

● #14daf9 color description : Vivid cyan.

The hexadecimal color #14daf9 has RGB values of R:20, G:218, B:249 and CMYK values of C:0.92, M:0.12, Y:0, K:0.02. Its decimal value is 1366777.

Hex triplet	14daf9	`#14daf9`
RGB Decimal	20, 218, 249	`rgb(20,218,249)`
RGB Percent	7.8, 85.5, 97.6	`rgb(7.8%,85.5%,97.6%)`
CMYK	92, 12, 0, 2
HSL	188.1°, 95, 52.7	`hsl(188.1,95%,52.7%)`
HSV (or HSB)	188.1°, 92, 97.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.251, -32.669, -27.418
XYZ	42.454, 57.127, 98.406
xyY	0.214, 0.289, 57.127
CIE-LCH	80.251, 42.65, 220.005
CIE-LUV	80.251, -58.093, -39.581
Hunter-Lab	75.582, -32.007, -24.287
Binary	00010100, 11011010, 11111001

#14daf9
```
#14daf9 rgb(20,218,249)
```
#f93314
```
#f93314 rgb(249,51,20)
```

Complementary Color

#14f9a6
```
#14f9a6 rgb(20,249,166)
```
#14daf9
```
#14daf9 rgb(20,218,249)
```
#1468f9
```
#1468f9 rgb(20,104,249)
```

Analogous Color

#f9a614
```
#f9a614 rgb(249,166,20)
```
#14daf9
```
#14daf9 rgb(20,218,249)
```
#f91468
```
#f91468 rgb(249,20,104)
```

Split Complementary Color

#daf914
```
#daf914 rgb(218,249,20)
```
#14daf9
```
#14daf9 rgb(20,218,249)
```
#f914da
```
#f914da rgb(249,20,218)
```

Triadic Color

#14f933
```
#14f933 rgb(20,249,51)
```
#14daf9
```
#14daf9 rgb(20,218,249)
```
#f914da
```
#f914da rgb(249,20,218)
```
#f93314
```
#f93314 rgb(249,51,20)
```

Tetradic Color

#05a3bc
```
#05a3bc rgb(5,163,188)
```
#05b9d5
```
#05b9d5 rgb(5,185,213)
```
#06ceed
```
#06ceed rgb(6,206,237)
```
#14daf9
```
#14daf9 rgb(20,218,249)
```
#2ddefa
```
#2ddefa rgb(45,222,250)
```
#46e2fa
```
#46e2fa rgb(70,226,250)
```
#5fe6fb
```
#5fe6fb rgb(95,230,251)
```

Monochromatic Color

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

#14f9df
```
#14f9df rgb(20,249,223)
```
#14f9f2
```
#14f9f2 rgb(20,249,242)
```
#14edf9
```
#14edf9 rgb(20,237,249)
```
#14daf9
```
#14daf9 rgb(20,218,249)
```
#14c7f9
```
#14c7f9 rgb(20,199,249)
```
#14b4f9
```
#14b4f9 rgb(20,180,249)
```
#14a1f9
```
#14a1f9 rgb(20,161,249)
```

Similar Colors

Text with hexadecimal color #14daf9

This text has a font color of #14daf9.

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

#14daf9 background color

This paragraph has a background color of #14daf9.

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

#14daf9 border color

This element has a border color of #14daf9.

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

CSS codes

.text {color:#14daf9;}

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

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

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, #000c0e is the darkest color, while #fafeff is the lightest one.

#000c0e
```
#000c0e rgb(0,12,14)
```
#011c21
```
#011c21 rgb(1,28,33)
```
#012d34
```
#012d34 rgb(1,45,52)
```
#023e47
```
#023e47 rgb(2,62,71)
```
#024e5a
```
#024e5a rgb(2,78,90)
```
#035f6d
```
#035f6d rgb(3,95,109)
```
#036f80
```
#036f80 rgb(3,111,128)
```
#048094
```
#048094 rgb(4,128,148)
```
#0491a7
```
#0491a7 rgb(4,145,167)
```
#05a1ba
```
#05a1ba rgb(5,161,186)
```
#05b2cd
```
#05b2cd rgb(5,178,205)
```
#06c2e0
```
#06c2e0 rgb(6,194,224)
```
#06d3f3
```
#06d3f3 rgb(6,211,243)
```

Shade Color Variation

#14daf9
```
#14daf9 rgb(20,218,249)
```
#27ddf9
```
#27ddf9 rgb(39,221,249)
```
#3ae0fa
```
#3ae0fa rgb(58,224,250)
```
#4de3fa
```
#4de3fa rgb(77,227,250)
```
#61e6fb
```
#61e6fb rgb(97,230,251)
```
#74e9fb
```
#74e9fb rgb(116,233,251)
```
#87ecfc
```
#87ecfc rgb(135,236,252)
```
#9aeffc
```
#9aeffc rgb(154,239,252)
```
#adf2fd
```
#adf2fd rgb(173,242,253)
```
#c0f5fd
```
#c0f5fd rgb(192,245,253)
```
#d3f8fe
```
#d3f8fe rgb(211,248,254)
```
#e6fbfe
```
#e6fbfe rgb(230,251,254)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#83898a
```
#83898a rgb(131,137,138)
```
#7a9093
```
#7a9093 rgb(122,144,147)
```
#71969c
```
#71969c rgb(113,150,156)
```
#679da6
```
#679da6 rgb(103,157,166)
```
#5ea4af
```
#5ea4af rgb(94,164,175)
```
#55abb8
```
#55abb8 rgb(85,171,184)
```
#4cb1c1
```
#4cb1c1 rgb(76,177,193)
```
#42b8cb
```
#42b8cb rgb(66,184,203)
```
#39bfd4
```
#39bfd4 rgb(57,191,212)
```
#30c6dd
```
#30c6dd rgb(48,198,221)
```
#27cce6
```
#27cce6 rgb(39,204,230)
```
#1dd3f0
```
#1dd3f0 rgb(29,211,240)
```
#14daf9
```
#14daf9 rgb(20,218,249)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#86adb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c8ec Protanopia 1% of men
#bdc7ff Deuteranopia 1% of men
#00dded Tritanopia 0.001% of the population

Trichromacy

#82cef1 Protanomaly 1% of men, 0.01% of women
#7fcdfc Deuteranomaly 6% of men, 0.4% of women
#07dcf1 Tritanomaly 0.01% of the population

#14daf9 hex color

#14daf9 Color Information

#14daf9 Color Conversion

Color Schemes with #14daf9

Alternatives to #14daf9

#14daf9 Preview

Shades and Tints of #14daf9

Tones of #14daf9

Color Blindness Simulator