#14b5f9 hex color

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

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

● #14b5f9 color description : Vivid blue.

The hexadecimal color #14b5f9 has RGB values of R:20, G:181, B:249 and CMYK values of C:0.92, M:0.27, Y:0, K:0.02. Its decimal value is 1357305.

Hex triplet	14b5f9	`#14b5f9`
RGB Decimal	20, 181, 249	`rgb(20,181,249)`
RGB Percent	7.8, 71, 97.6	`rgb(7.8%,71%,97.6%)`
CMYK	92, 27, 0, 2
HSL	197.8°, 95, 52.7	`hsl(197.8,95%,52.7%)`
HSV (or HSB)	197.8°, 92, 97.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.493, -13.892, -44.082
XYZ	33.907, 40.033, 95.557
xyY	0.2, 0.236, 40.033
CIE-LCH	69.493, 46.219, 252.508
CIE-LUV	69.493, -45.703, -69.713
Hunter-Lab	63.271, -15.068, -45.254
Binary	00010100, 10110101, 11111001

#14b5f9
```
#14b5f9 rgb(20,181,249)
```
#f95814
```
#f95814 rgb(249,88,20)
```

Complementary Color

#14f9cb
```
#14f9cb rgb(20,249,203)
```
#14b5f9
```
#14b5f9 rgb(20,181,249)
```
#1443f9
```
#1443f9 rgb(20,67,249)
```

Analogous Color

#f9cb14
```
#f9cb14 rgb(249,203,20)
```
#14b5f9
```
#14b5f9 rgb(20,181,249)
```
#f91443
```
#f91443 rgb(249,20,67)
```

Split Complementary Color

#b5f914
```
#b5f914 rgb(181,249,20)
```
#14b5f9
```
#14b5f9 rgb(20,181,249)
```
#f914b5
```
#f914b5 rgb(249,20,181)
```

Triadic Color

#14f958
```
#14f958 rgb(20,249,88)
```
#14b5f9
```
#14b5f9 rgb(20,181,249)
```
#f914b5
```
#f914b5 rgb(249,20,181)
```
#f95814
```
#f95814 rgb(249,88,20)
```

Tetradic Color

#0585bc
```
#0585bc rgb(5,133,188)
```
#0597d5
```
#0597d5 rgb(5,151,213)
```
#06a9ed
```
#06a9ed rgb(6,169,237)
```
#14b5f9
```
#14b5f9 rgb(20,181,249)
```
#2dbdfa
```
#2dbdfa rgb(45,189,250)
```
#46c5fa
```
#46c5fa rgb(70,197,250)
```
#5fccfb
```
#5fccfb rgb(95,204,251)
```

Monochromatic Color

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

#14eef9
```
#14eef9 rgb(20,238,249)
```
#14dbf9
```
#14dbf9 rgb(20,219,249)
```
#14c8f9
```
#14c8f9 rgb(20,200,249)
```
#14b5f9
```
#14b5f9 rgb(20,181,249)
```
#14a2f9
```
#14a2f9 rgb(20,162,249)
```
#148ff9
```
#148ff9 rgb(20,143,249)
```
#147cf9
```
#147cf9 rgb(20,124,249)
```

Similar Colors

Text with hexadecimal color #14b5f9

This text has a font color of #14b5f9.

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

#14b5f9 background color

This paragraph has a background color of #14b5f9.

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

#14b5f9 border color

This element has a border color of #14b5f9.

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

CSS codes

.text {color:#14b5f9;}

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

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

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

#000a0e
```
#000a0e rgb(0,10,14)
```
#011721
```
#011721 rgb(1,23,33)
```
#012534
```
#012534 rgb(1,37,52)
```
#023247
```
#023247 rgb(2,50,71)
```
#02405a
```
#02405a rgb(2,64,90)
```
#034e6d
```
#034e6d rgb(3,78,109)
```
#035b80
```
#035b80 rgb(3,91,128)
```
#046994
```
#046994 rgb(4,105,148)
```
#0476a7
```
#0476a7 rgb(4,118,167)
```
#0584ba
```
#0584ba rgb(5,132,186)
```
#0592cd
```
#0592cd rgb(5,146,205)
```
#069fe0
```
#069fe0 rgb(6,159,224)
```
#06adf3
```
#06adf3 rgb(6,173,243)
```

Shade Color Variation

#14b5f9
```
#14b5f9 rgb(20,181,249)
```
#27bbf9
```
#27bbf9 rgb(39,187,249)
```
#3ac1fa
```
#3ac1fa rgb(58,193,250)
```
#4dc7fa
```
#4dc7fa rgb(77,199,250)
```
#61cdfb
```
#61cdfb rgb(97,205,251)
```
#74d3fb
```
#74d3fb rgb(116,211,251)
```
#87d9fc
```
#87d9fc rgb(135,217,252)
```
#9adffc
```
#9adffc rgb(154,223,252)
```
#ade5fd
```
#ade5fd rgb(173,229,253)
```
#c0ebfd
```
#c0ebfd rgb(192,235,253)
```
#d3f1fe
```
#d3f1fe rgb(211,241,254)
```
#e6f7fe
```
#e6f7fe rgb(230,247,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#83888a
```
#83888a rgb(131,136,138)
```
#7a8c93
```
#7a8c93 rgb(122,140,147)
```
#718f9c
```
#718f9c rgb(113,143,156)
```
#6793a6
```
#6793a6 rgb(103,147,166)
```
#5e97af
```
#5e97af rgb(94,151,175)
```
#559bb8
```
#559bb8 rgb(85,155,184)
```
#4c9ec1
```
#4c9ec1 rgb(76,158,193)
```
#42a2cb
```
#42a2cb rgb(66,162,203)
```
#39a6d4
```
#39a6d4 rgb(57,166,212)
```
#30aadd
```
#30aadd rgb(48,170,221)
```
#27ade6
```
#27ade6 rgb(39,173,230)
```
#1db1f0
```
#1db1f0 rgb(29,177,240)
```
#14b5f9
```
#14b5f9 rgb(20,181,249)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7595a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97abef Protanopia 1% of men
#84adfe Deuteranopia 1% of men
#00bfcb Tritanopia 0.001% of the population

Trichromacy

#67aff3 Protanomaly 1% of men, 0.01% of women
#5bb0fc Deuteranomaly 6% of men, 0.4% of women
#07bbdc Tritanomaly 0.01% of the population

#14b5f9 hex color

#14b5f9 Color Information

#14b5f9 Color Conversion

Color Schemes with #14b5f9

Alternatives to #14b5f9

#14b5f9 Preview

Shades and Tints of #14b5f9

Tones of #14b5f9

Color Blindness Simulator