#14b4fb hex color

In a RGB color space, hex #14b4fb is composed of 7.8% red, 70.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 28.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 198.4 degrees, a saturation of 96.7% and a lightness of 53.1%. #14b4fb color hex could be obtained by blending #28ffff with #0069f7. Closest websafe color is: #00ccff.

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

● #14b4fb color description : Vivid blue.

The hexadecimal color #14b4fb has RGB values of R:20, G:180, B:251 and CMYK values of C:0.92, M:0.28, Y:0, K:0.02. Its decimal value is 1357051.

Hex triplet	14b4fb	`#14b4fb`
RGB Decimal	20, 180, 251	`rgb(20,180,251)`
RGB Percent	7.8, 70.6, 98.4	`rgb(7.8%,70.6%,98.4%)`
CMYK	92, 28, 0, 2
HSL	198.4°, 96.7, 53.1	`hsl(198.4,96.7%,53.1%)`
HSV (or HSB)	198.4°, 92, 98.4
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.293, -12.645, -45.479
XYZ	34.018, 39.753, 97.142
xyY	0.199, 0.233, 39.753
CIE-LCH	69.293, 47.204, 254.462
CIE-LUV	69.293, -45.234, -72.228
Hunter-Lab	63.05, -14.03, -47.214
Binary	00010100, 10110100, 11111011

#14b4fb
```
#14b4fb rgb(20,180,251)
```
#fb5b14
```
#fb5b14 rgb(251,91,20)
```

Complementary Color

#14fbcf
```
#14fbcf rgb(20,251,207)
```
#14b4fb
```
#14b4fb rgb(20,180,251)
```
#1441fb
```
#1441fb rgb(20,65,251)
```

Analogous Color

#fbcf14
```
#fbcf14 rgb(251,207,20)
```
#14b4fb
```
#14b4fb rgb(20,180,251)
```
#fb1441
```
#fb1441 rgb(251,20,65)
```

Split Complementary Color

#b4fb14
```
#b4fb14 rgb(180,251,20)
```
#14b4fb
```
#14b4fb rgb(20,180,251)
```
#fb14b4
```
#fb14b4 rgb(251,20,180)
```

Triadic Color

#14fb5b
```
#14fb5b rgb(20,251,91)
```
#14b4fb
```
#14b4fb rgb(20,180,251)
```
#fb14b4
```
#fb14b4 rgb(251,20,180)
```
#fb5b14
```
#fb5b14 rgb(251,91,20)
```

Tetradic Color

#0385bf
```
#0385bf rgb(3,133,191)
```
#0497d8
```
#0497d8 rgb(4,151,216)
```
#04a8f1
```
#04a8f1 rgb(4,168,241)
```
#14b4fb
```
#14b4fb rgb(20,180,251)
```
#2dbcfb
```
#2dbcfb rgb(45,188,251)
```
#46c4fc
```
#46c4fc rgb(70,196,252)
```
#5fccfc
```
#5fccfc rgb(95,204,252)
```

Monochromatic Color

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

#14eefb
```
#14eefb rgb(20,238,251)
```
#14dbfb
```
#14dbfb rgb(20,219,251)
```
#14c7fb
```
#14c7fb rgb(20,199,251)
```
#14b4fb
```
#14b4fb rgb(20,180,251)
```
#14a1fb
```
#14a1fb rgb(20,161,251)
```
#148efb
```
#148efb rgb(20,142,251)
```
#147afb
```
#147afb rgb(20,122,251)
```

Similar Colors

Text with hexadecimal color #14b4fb

This text has a font color of #14b4fb.

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

#14b4fb background color

This paragraph has a background color of #14b4fb.

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

#14b4fb border color

This element has a border color of #14b4fb.

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

CSS codes

.text {color:#14b4fb;}

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

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

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

#000b10
```
#000b10 rgb(0,11,16)
```
#011823
```
#011823 rgb(1,24,35)
```
#012636
```
#012636 rgb(1,38,54)
```
#01334a
```
#01334a rgb(1,51,74)
```
#02415d
```
#02415d rgb(2,65,93)
```
#024e70
```
#024e70 rgb(2,78,112)
```
#025c83
```
#025c83 rgb(2,92,131)
```
#036997
```
#036997 rgb(3,105,151)
```
#0377aa
```
#0377aa rgb(3,119,170)
```
#0384bd
```
#0384bd rgb(3,132,189)
```
#0492d1
```
#0492d1 rgb(4,146,209)
```
#049fe4
```
#049fe4 rgb(4,159,228)
```
#04acf7
```
#04acf7 rgb(4,172,247)
```

Shade Color Variation

#14b4fb
```
#14b4fb rgb(20,180,251)
```
#27bafb
```
#27bafb rgb(39,186,251)
```
#3bc0fc
```
#3bc0fc rgb(59,192,252)
```
#4ec6fc
```
#4ec6fc rgb(78,198,252)
```
#61cdfc
```
#61cdfc rgb(97,205,252)
```
#74d3fd
```
#74d3fd rgb(116,211,253)
```
#88d9fd
```
#88d9fd rgb(136,217,253)
```
#9bdffd
```
#9bdffd rgb(155,223,253)
```
#aee5fe
```
#aee5fe rgb(174,229,254)
```
#c2ebfe
```
#c2ebfe rgb(194,235,254)
```
#d5f2fe
```
#d5f2fe rgb(213,242,254)
```
#e8f8ff
```
#e8f8ff rgb(232,248,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#828a8d
```
#828a8d rgb(130,138,141)
```
#798d96
```
#798d96 rgb(121,141,150)
```
#70919f
```
#70919f rgb(112,145,159)
```
#6794a8
```
#6794a8 rgb(103,148,168)
```
#5e98b1
```
#5e98b1 rgb(94,152,177)
```
#549bbb
```
#549bbb rgb(84,155,187)
```
#4b9fc4
```
#4b9fc4 rgb(75,159,196)
```
#42a2cd
```
#42a2cd rgb(66,162,205)
```
#39a6d6
```
#39a6d6 rgb(57,166,214)
```
#30a9df
```
#30a9df rgb(48,169,223)
```
#26ade9
```
#26ade9 rgb(38,173,233)
```
#1db0f2
```
#1db0f2 rgb(29,176,242)
```
#14b4fb
```
#14b4fb rgb(20,180,251)
```

Tone Color Variation

Below, you can see how #14b4fb 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
#7494a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95abf1 Protanopia 1% of men
#82adff Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#66aef5 Protanomaly 1% of men, 0.01% of women
#5aaffd Deuteranomaly 6% of men, 0.4% of women
#07badc Tritanomaly 0.01% of the population

#14b4fb hex color

#14b4fb Color Information

#14b4fb Color Conversion

Color Schemes with #14b4fb

Alternatives to #14b4fb

#14b4fb Preview

Shades and Tints of #14b4fb

Tones of #14b4fb

Color Blindness Simulator