#14b2ff hex color

In a RGB color space, hex #14b2ff is composed of 7.8% red, 69.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 30.2% magenta, 0% yellow and 0% black. It has a hue angle of 199.7 degrees, a saturation of 100% and a lightness of 53.9%. #14b2ff color hex could be obtained by blending #28ffff with #0065ff. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 8
- G 70
- B 100
RGB color chart
- C 92
- M 30
- Y 0
- K 0
CMYK color chart

● #14b2ff color description : Vivid blue.

The hexadecimal color #14b2ff has RGB values of R:20, G:178, B:255 and CMYK values of C:0.92, M:0.3, Y:0, K:0. Its decimal value is 1356543.

Hex triplet	14b2ff	`#14b2ff`
RGB Decimal	20, 178, 255	`rgb(20,178,255)`
RGB Percent	7.8, 69.8, 100	`rgb(7.8%,69.8%,100%)`
CMYK	92, 30, 0, 0
HSL	199.7°, 100, 53.9	`hsl(199.7,100%,53.9%)`
HSV (or HSB)	199.7°, 92.2, 100
Web Safe	0099ff	`#0099ff`

CIE-LAB	68.9, -10.131, -48.262
XYZ	34.254, 39.206, 100.364
xyY	0.197, 0.226, 39.206
CIE-LCH	68.9, 49.314, 258.145
CIE-LUV	68.9, -44.304, -77.233
Hunter-Lab	62.615, -11.925, -51.205
Binary	00010100, 10110010, 11111111

#14b2ff
```
#14b2ff rgb(20,178,255)
```
#ff6114
```
#ff6114 rgb(255,97,20)
```

Complementary Color

#14ffd7
```
#14ffd7 rgb(20,255,215)
```
#14b2ff
```
#14b2ff rgb(20,178,255)
```
#143dff
```
#143dff rgb(20,61,255)
```

Analogous Color

#ffd714
```
#ffd714 rgb(255,215,20)
```
#14b2ff
```
#14b2ff rgb(20,178,255)
```
#ff143d
```
#ff143d rgb(255,20,61)
```

Split Complementary Color

#b2ff14
```
#b2ff14 rgb(178,255,20)
```
#14b2ff
```
#14b2ff rgb(20,178,255)
```
#ff14b2
```
#ff14b2 rgb(255,20,178)
```

Triadic Color

#14ff61
```
#14ff61 rgb(20,255,97)
```
#14b2ff
```
#14b2ff rgb(20,178,255)
```
#ff14b2
```
#ff14b2 rgb(255,20,178)
```
#ff6114
```
#ff6114 rgb(255,97,20)
```

Tetradic Color

#0085c7
```
#0085c7 rgb(0,133,199)
```
#0097e0
```
#0097e0 rgb(0,151,224)
```
#00a8fa
```
#00a8fa rgb(0,168,250)
```
#14b2ff
```
#14b2ff rgb(20,178,255)
```
#2ebaff
```
#2ebaff rgb(46,186,255)
```
#47c3ff
```
#47c3ff rgb(71,195,255)
```
#61cbff
```
#61cbff rgb(97,203,255)
```

Monochromatic Color

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

#14edff
```
#14edff rgb(20,237,255)
```
#14d9ff
```
#14d9ff rgb(20,217,255)
```
#14c6ff
```
#14c6ff rgb(20,198,255)
```
#14b2ff
```
#14b2ff rgb(20,178,255)
```
#149eff
```
#149eff rgb(20,158,255)
```
#148bff
```
#148bff rgb(20,139,255)
```
#1477ff
```
#1477ff rgb(20,119,255)
```

Similar Colors

Text with hexadecimal color #14b2ff

This text has a font color of #14b2ff.

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

#14b2ff background color

This paragraph has a background color of #14b2ff.

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

#14b2ff border color

This element has a border color of #14b2ff.

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

CSS codes

.text {color:#14b2ff;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000d14
```
#000d14 rgb(0,13,20)
```
#001b28
```
#001b28 rgb(0,27,40)
```
#00283b
```
#00283b rgb(0,40,59)
```
#00354f
```
#00354f rgb(0,53,79)
```
#004262
```
#004262 rgb(0,66,98)
```
#004f76
```
#004f76 rgb(0,79,118)
```
#005d8a
```
#005d8a rgb(0,93,138)
```
#006a9d
```
#006a9d rgb(0,106,157)
```
#0077b1
```
#0077b1 rgb(0,119,177)
```
#0084c5
```
#0084c5 rgb(0,132,197)
```
#0091d8
```
#0091d8 rgb(0,145,216)
```
#009fec
```
#009fec rgb(0,159,236)
```

Shade Color Variation

#00acff
```
#00acff rgb(0,172,255)
```
#14b2ff
```
#14b2ff rgb(20,178,255)
```
#28b8ff
```
#28b8ff rgb(40,184,255)
```
#3bbfff
```
#3bbfff rgb(59,191,255)
```
#4fc5ff
```
#4fc5ff rgb(79,197,255)
```
#62ccff
```
#62ccff rgb(98,204,255)
```
#76d2ff
```
#76d2ff rgb(118,210,255)
```
#8ad9ff
```
#8ad9ff rgb(138,217,255)
```
#9ddfff
```
#9ddfff rgb(157,223,255)
```
#b1e5ff
```
#b1e5ff rgb(177,229,255)
```
#c5ecff
```
#c5ecff rgb(197,236,255)
```
#d8f2ff
```
#d8f2ff rgb(216,242,255)
```
#ecf9ff
```
#ecf9ff rgb(236,249,255)
```

Tint Color Variation

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

#808d93
```
#808d93 rgb(128,141,147)
```
#77909c
```
#77909c rgb(119,144,156)
```
#6e93a5
```
#6e93a5 rgb(110,147,165)
```
#6596ae
```
#6596ae rgb(101,150,174)
```
#5c99b7
```
#5c99b7 rgb(92,153,183)
```
#539cc0
```
#539cc0 rgb(83,156,192)
```
#4a9fc9
```
#4a9fc9 rgb(74,159,201)
```
#41a2d2
```
#41a2d2 rgb(65,162,210)
```
#38a6db
```
#38a6db rgb(56,166,219)
```
#2fa9e4
```
#2fa9e4 rgb(47,169,228)
```
#26aced
```
#26aced rgb(38,172,237)
```
#1daff6
```
#1daff6 rgb(29,175,246)
```
#14b2ff
```
#14b2ff rgb(20,178,255)
```

Tone Color Variation

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

Dichromacy

#91aaf6 Protanopia 1% of men
#7eacff Deuteranopia 1% of men
#00bdc9 Tritanopia 0.001% of the population

Trichromacy

#63acf9 Protanomaly 1% of men, 0.01% of women
#57aeff Deuteranomaly 6% of men, 0.4% of women
#07b9dd Tritanomaly 0.01% of the population

#14b2ff hex color

#14b2ff Color Information

#14b2ff Color Conversion

Color Schemes with #14b2ff

Alternatives to #14b2ff

#14b2ff Preview

Shades and Tints of #14b2ff

Tones of #14b2ff

Color Blindness Simulator