colorhexa.com

#14b3f6 hex color

In a RGB color space, hex #14b3f6 is composed of 7.8% red, 70.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 91.9% cyan, 27.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 197.8 degrees, a saturation of 92.6% and a lightness of 52.2%. #14b3f6 color hex could be obtained by blending #28ffff with #0067ed. Closest websafe color is: #00ccff.

- R 8
- G 70
- B 96
RGB color chart
- C 92
- M 27
- Y 0
- K 4
CMYK color chart

● #14b3f6 color description : Vivid blue.

The hexadecimal color #14b3f6 has RGB values of R:20, G:179, B:246 and CMYK values of C:0.92, M:0.27, Y:0, K:0.04. Its decimal value is 1356790.

Hex triplet	14b3f6	`#14b3f6`
RGB Decimal	20, 179, 246	`rgb(20,179,246)`
RGB Percent	7.8, 70.2, 96.5	`rgb(7.8%,70.2%,96.5%)`
CMYK	92, 27, 0, 4
HSL	197.8°, 92.6, 52.2	`hsl(197.8,92.6%,52.2%)`
HSV (or HSB)	197.8°, 91.9, 96.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	68.78, -13.871, -43.572
XYZ	33.039, 39.04, 92.978
xyY	0.2, 0.237, 39.04
CIE-LCH	68.78, 45.727, 252.341
CIE-LUV	68.78, -45.245, -68.743
Hunter-Lab	62.482, -14.956, -44.491
Binary	00010100, 10110011, 11110110

#14b3f6
```
#14b3f6 rgb(20,179,246)
```
#f65714
```
#f65714 rgb(246,87,20)
```

Complementary Color

#14f6c8
```
#14f6c8 rgb(20,246,200)
```
#14b3f6
```
#14b3f6 rgb(20,179,246)
```
#1442f6
```
#1442f6 rgb(20,66,246)
```

Analogous Color

#f6c814
```
#f6c814 rgb(246,200,20)
```
#14b3f6
```
#14b3f6 rgb(20,179,246)
```
#f61442
```
#f61442 rgb(246,20,66)
```

Split Complementary Color

#b3f614
```
#b3f614 rgb(179,246,20)
```
#14b3f6
```
#14b3f6 rgb(20,179,246)
```
#f614b3
```
#f614b3 rgb(246,20,179)
```

Triadic Color

#14f657
```
#14f657 rgb(20,246,87)
```
#14b3f6
```
#14b3f6 rgb(20,179,246)
```
#f614b3
```
#f614b3 rgb(246,20,179)
```
#f65714
```
#f65714 rgb(246,87,20)
```

Tetradic Color

#0782b7
```
#0782b7 rgb(7,130,183)
```
#0894cf
```
#0894cf rgb(8,148,207)
```
#09a6e8
```
#09a6e8 rgb(9,166,232)
```
#14b3f6
```
#14b3f6 rgb(20,179,246)
```
#2dbbf7
```
#2dbbf7 rgb(45,187,247)
```
#45c3f8
```
#45c3f8 rgb(69,195,248)
```
#5ecbf9
```
#5ecbf9 rgb(94,203,249)
```

Monochromatic Color

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

#14ecf6
```
#14ecf6 rgb(20,236,246)
```
#14d9f6
```
#14d9f6 rgb(20,217,246)
```
#14c6f6
```
#14c6f6 rgb(20,198,246)
```
#14b3f6
```
#14b3f6 rgb(20,179,246)
```
#14a0f6
```
#14a0f6 rgb(20,160,246)
```
#148df6
```
#148df6 rgb(20,141,246)
```
#147bf6
```
#147bf6 rgb(20,123,246)
```

Similar Colors

Text with hexadecimal color #14b3f6

This text has a font color of #14b3f6.

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

#14b3f6 background color

This paragraph has a background color of #14b3f6.

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

#14b3f6 border color

This element has a border color of #14b3f6.

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

CSS codes

.text {color:#14b3f6;}

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

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

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

#00080b
```
#00080b rgb(0,8,11)
```
#01151d
```
#01151d rgb(1,21,29)
```
#022330
```
#022330 rgb(2,35,48)
```
#033043
```
#033043 rgb(3,48,67)
```
#033e56
```
#033e56 rgb(3,62,86)
```
#044b69
```
#044b69 rgb(4,75,105)
```
#05597c
```
#05597c rgb(5,89,124)
```
#05668f
```
#05668f rgb(5,102,143)
```
#0674a2
```
#0674a2 rgb(6,116,162)
```
#0781b5
```
#0781b5 rgb(7,129,181)
```
#088fc8
```
#088fc8 rgb(8,143,200)
```
#089cda
```
#089cda rgb(8,156,218)
```
#09aaed
```
#09aaed rgb(9,170,237)
```

Shade Color Variation

#14b3f6
```
#14b3f6 rgb(20,179,246)
```
#27b9f7
```
#27b9f7 rgb(39,185,247)
```
#3abff7
```
#3abff7 rgb(58,191,247)
```
#4dc5f8
```
#4dc5f8 rgb(77,197,248)
```
#60cbf9
```
#60cbf9 rgb(96,203,249)
```
#72d2fa
```
#72d2fa rgb(114,210,250)
```
#85d8fa
```
#85d8fa rgb(133,216,250)
```
#98defb
```
#98defb rgb(152,222,251)
```
#abe4fc
```
#abe4fc rgb(171,228,252)
```
#beeafd
```
#beeafd rgb(190,234,253)
```
#d1f0fd
```
#d1f0fd rgb(209,240,253)
```
#e4f6fe
```
#e4f6fe rgb(228,246,254)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#858585
```
#858585 rgb(133,133,133)
```
#7b898f
```
#7b898f rgb(123,137,143)
```
#728d98
```
#728d98 rgb(114,141,152)
```
#6891a2
```
#6891a2 rgb(104,145,162)
```
#5f94ab
```
#5f94ab rgb(95,148,171)
```
#5698b4
```
#5698b4 rgb(86,152,180)
```
#4c9cbe
```
#4c9cbe rgb(76,156,190)
```
#43a0c7
```
#43a0c7 rgb(67,160,199)
```
#3aa4d0
```
#3aa4d0 rgb(58,164,208)
```
#30a8da
```
#30a8da rgb(48,168,218)
```
#27abe3
```
#27abe3 rgb(39,171,227)
```
#1dafed
```
#1dafed rgb(29,175,237)
```
#14b3f6
```
#14b3f6 rgb(20,179,246)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7393a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95aaed Protanopia 1% of men
#83abfb Deuteranopia 1% of men
#00bdc9 Tritanopia 0.001% of the population

Trichromacy

#66adf0 Protanomaly 1% of men, 0.01% of women
#5baef9 Deuteranomaly 6% of men, 0.4% of women
#07b9d9 Tritanomaly 0.01% of the population