#14b4f7 hex color

In a RGB color space, hex #14b4f7 is composed of 7.8% red, 70.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 27.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 197.7 degrees, a saturation of 93.4% and a lightness of 52.4%. #14b4f7 color hex could be obtained by blending #28ffff with #0069ef. Closest websafe color is: #00ccff.

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

● #14b4f7 color description : Vivid blue.

The hexadecimal color #14b4f7 has RGB values of R:20, G:180, B:247 and CMYK values of C:0.92, M:0.27, Y:0, K:0.03. Its decimal value is 1357047.

Hex triplet	14b4f7	`#14b4f7`
RGB Decimal	20, 180, 247	`rgb(20,180,247)`
RGB Percent	7.8, 70.6, 96.9	`rgb(7.8%,70.6%,96.9%)`
CMYK	92, 27, 0, 3
HSL	197.7°, 93.4, 52.4	`hsl(197.7,93.4%,52.4%)`
HSV (or HSB)	197.7°, 91.9, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.114, -14.058, -43.591
XYZ	33.394, 39.503, 93.855
xyY	0.2, 0.237, 39.503
CIE-LCH	69.114, 45.802, 252.126
CIE-LUV	69.114, -45.509, -68.799
Hunter-Lab	62.852, -15.151, -44.541
Binary	00010100, 10110100, 11110111

#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#f75714
```
#f75714 rgb(247,87,20)
```

Complementary Color

#14f7c9
```
#14f7c9 rgb(20,247,201)
```
#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#1443f7
```
#1443f7 rgb(20,67,247)
```

Analogous Color

#f7c914
```
#f7c914 rgb(247,201,20)
```
#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#f71443
```
#f71443 rgb(247,20,67)
```

Split Complementary Color

#b4f714
```
#b4f714 rgb(180,247,20)
```
#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#f714b4
```
#f714b4 rgb(247,20,180)
```

Triadic Color

#14f757
```
#14f757 rgb(20,247,87)
```
#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#f714b4
```
#f714b4 rgb(247,20,180)
```
#f75714
```
#f75714 rgb(247,87,20)
```

Tetradic Color

#0684b8
```
#0684b8 rgb(6,132,184)
```
#0795d1
```
#0795d1 rgb(7,149,209)
```
#08a7ea
```
#08a7ea rgb(8,167,234)
```
#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```
#45c4f9
```
#45c4f9 rgb(69,196,249)
```
#5eccfa
```
#5eccfa rgb(94,204,250)
```

Monochromatic Color

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

#14edf7
```
#14edf7 rgb(20,237,247)
```
#14daf7
```
#14daf7 rgb(20,218,247)
```
#14c7f7
```
#14c7f7 rgb(20,199,247)
```
#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#14a1f7
```
#14a1f7 rgb(20,161,247)
```
#148ef7
```
#148ef7 rgb(20,142,247)
```
#147bf7
```
#147bf7 rgb(20,123,247)
```

Similar Colors

Text with hexadecimal color #14b4f7

This text has a font color of #14b4f7.

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

#14b4f7 background color

This paragraph has a background color of #14b4f7.

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

#14b4f7 border color

This element has a border color of #14b4f7.

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

CSS codes

.text {color:#14b4f7;}

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

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

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

#00080c
```
#00080c rgb(0,8,12)
```
#01161f
```
#01161f rgb(1,22,31)
```
#022332
```
#022332 rgb(2,35,50)
```
#023145
```
#023145 rgb(2,49,69)
```
#033f57
```
#033f57 rgb(3,63,87)
```
#044c6a
```
#044c6a rgb(4,76,106)
```
#045a7d
```
#045a7d rgb(4,90,125)
```
#056790
```
#056790 rgb(5,103,144)
```
#0675a3
```
#0675a3 rgb(6,117,163)
```
#0682b6
```
#0682b6 rgb(6,130,182)
```
#0790c9
```
#0790c9 rgb(7,144,201)
```
#079ddc
```
#079ddc rgb(7,157,220)
```
#08abef
```
#08abef rgb(8,171,239)
```

Shade Color Variation

#14b4f7
```
#14b4f7 rgb(20,180,247)
```
#27baf8
```
#27baf8 rgb(39,186,248)
```
#3ac0f8
```
#3ac0f8 rgb(58,192,248)
```
#4dc6f9
```
#4dc6f9 rgb(77,198,249)
```
#60ccfa
```
#60ccfa rgb(96,204,250)
```
#73d2fa
```
#73d2fa rgb(115,210,250)
```
#86d8fb
```
#86d8fb rgb(134,216,251)
```
#99defc
```
#99defc rgb(153,222,252)
```
#ace4fc
```
#ace4fc rgb(172,228,252)
```
#bfeafd
```
#bfeafd rgb(191,234,253)
```
#d2f1fd
```
#d2f1fd rgb(210,241,253)
```
#e5f7fe
```
#e5f7fe rgb(229,247,254)
```
#f8fdff
```
#f8fdff rgb(248,253,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 #14b4f7 is the most saturated one.

#848687
```
#848687 rgb(132,134,135)
```
#7b8a90
```
#7b8a90 rgb(123,138,144)
```
#718e9a
```
#718e9a rgb(113,142,154)
```
#6892a3
```
#6892a3 rgb(104,146,163)
```
#5f95ac
```
#5f95ac rgb(95,149,172)
```
#5599b6
```
#5599b6 rgb(85,153,182)
```
#4c9dbf
```
#4c9dbf rgb(76,157,191)
```
#43a1c8
```
#43a1c8 rgb(67,161,200)
```
#39a5d2
```
#39a5d2 rgb(57,165,210)
```
#30a9db
```
#30a9db rgb(48,169,219)
```
#27ace4
```
#27ace4 rgb(39,172,228)
```
#1db0ee
```
#1db0ee rgb(29,176,238)
```
#14b4f7
```
#14b4f7 rgb(20,180,247)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7494a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96aaee Protanopia 1% of men
#84acfc Deuteranopia 1% of men
#00beca Tritanopia 0.001% of the population

Trichromacy

#67aef1 Protanomaly 1% of men, 0.01% of women
#5baffa Deuteranomaly 6% of men, 0.4% of women
#07bada Tritanomaly 0.01% of the population

#14b4f7 hex color

#14b4f7 Color Information

#14b4f7 Color Conversion

Color Schemes with #14b4f7

Alternatives to #14b4f7

#14b4f7 Preview

Shades and Tints of #14b4f7

Tones of #14b4f7

Color Blindness Simulator