colorhexa.com

#14bdfd hex color

In a RGB color space, hex #14bdfd is composed of 7.8% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 196.5 degrees, a saturation of 98.3% and a lightness of 53.5%. #14bdfd color hex could be obtained by blending #28ffff with #007bfb. Closest websafe color is: #00ccff.

- R 8
- G 74
- B 99
RGB color chart
- C 92
- M 25
- Y 0
- K 1
CMYK color chart

● #14bdfd color description : Vivid blue.

The hexadecimal color #14bdfd has RGB values of R:20, G:189, B:253 and CMYK values of C:0.92, M:0.25, Y:0, K:0.01. Its decimal value is 1359357.

Hex triplet	14bdfd	`#14bdfd`
RGB Decimal	20, 189, 253	`rgb(20,189,253)`
RGB Percent	7.8, 74.1, 99.2	`rgb(7.8%,74.1%,99.2%)`
CMYK	92, 25, 0, 1
HSL	196.5°, 98.3, 53.5	`hsl(196.5,98.3%,53.5%)`
HSV (or HSB)	196.5°, 92.1, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.982, -16.764, -42.347
XYZ	36.211, 43.632, 99.436
xyY	0.202, 0.243, 43.632
CIE-LCH	71.982, 45.544, 248.403
CIE-LUV	71.982, -48.084, -66.702
Hunter-Lab	66.055, -17.742, -43.015
Binary	00010100, 10111101, 11111101

#14bdfd
```
#14bdfd rgb(20,189,253)
```
#fd5414
```
#fd5414 rgb(253,84,20)
```

Complementary Color

#14fdc9
```
#14fdc9 rgb(20,253,201)
```
#14bdfd
```
#14bdfd rgb(20,189,253)
```
#1449fd
```
#1449fd rgb(20,73,253)
```

Analogous Color

#fdc914
```
#fdc914 rgb(253,201,20)
```
#14bdfd
```
#14bdfd rgb(20,189,253)
```
#fd1448
```
#fd1448 rgb(253,20,72)
```

Split Complementary Color

#bdfd14
```
#bdfd14 rgb(189,253,20)
```
#14bdfd
```
#14bdfd rgb(20,189,253)
```
#fd14bd
```
#fd14bd rgb(253,20,189)
```

Triadic Color

#14fd54
```
#14fd54 rgb(20,253,84)
```
#14bdfd
```
#14bdfd rgb(20,189,253)
```
#fd14bd
```
#fd14bd rgb(253,20,189)
```
#fd5414
```
#fd5414 rgb(253,84,20)
```

Tetradic Color

#028ec3
```
#028ec3 rgb(2,142,195)
```
#02a0dc
```
#02a0dc rgb(2,160,220)
```
#02b3f5
```
#02b3f5 rgb(2,179,245)
```
#14bdfd
```
#14bdfd rgb(20,189,253)
```
#2dc4fd
```
#2dc4fd rgb(45,196,253)
```
#47cbfd
```
#47cbfd rgb(71,203,253)
```
#60d2fe
```
#60d2fe rgb(96,210,254)
```

Monochromatic Color

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

#14f7fd
```
#14f7fd rgb(20,247,253)
```
#14e4fd
```
#14e4fd rgb(20,228,253)
```
#14d0fd
```
#14d0fd rgb(20,208,253)
```
#14bdfd
```
#14bdfd rgb(20,189,253)
```
#14aafd
```
#14aafd rgb(20,170,253)
```
#1496fd
```
#1496fd rgb(20,150,253)
```
#1483fd
```
#1483fd rgb(20,131,253)
```

Similar Colors

Text with hexadecimal color #14bdfd

This text has a font color of #14bdfd.

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

#14bdfd background color

This paragraph has a background color of #14bdfd.

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

#14bdfd border color

This element has a border color of #14bdfd.

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

CSS codes

.text {color:#14bdfd;}

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

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

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

#000d12
```
#000d12 rgb(0,13,18)
```
#001b25
```
#001b25 rgb(0,27,37)
```
#002939
```
#002939 rgb(0,41,57)
```
#01374c
```
#01374c rgb(1,55,76)
```
#014660
```
#014660 rgb(1,70,96)
```
#015473
```
#015473 rgb(1,84,115)
```
#016287
```
#016287 rgb(1,98,135)
```
#01709a
```
#01709a rgb(1,112,154)
```
#017ead
```
#017ead rgb(1,126,173)
```
#028cc1
```
#028cc1 rgb(2,140,193)
```
#029bd4
```
#029bd4 rgb(2,155,212)
```
#02a9e8
```
#02a9e8 rgb(2,169,232)
```
#02b7fb
```
#02b7fb rgb(2,183,251)
```

Shade Color Variation

#14bdfd
```
#14bdfd rgb(20,189,253)
```
#27c2fd
```
#27c2fd rgb(39,194,253)
```
#3bc8fd
```
#3bc8fd rgb(59,200,253)
```
#4ecdfd
```
#4ecdfd rgb(78,205,253)
```
#62d3fe
```
#62d3fe rgb(98,211,254)
```
#75d8fe
```
#75d8fe rgb(117,216,254)
```
#89defe
```
#89defe rgb(137,222,254)
```
#9ce3fe
```
#9ce3fe rgb(156,227,254)
```
#b0e9fe
```
#b0e9fe rgb(176,233,254)
```
#c3eefe
```
#c3eefe rgb(195,238,254)
```
#d6f4ff
```
#d6f4ff rgb(214,244,255)
```
#eaf9ff
```
#eaf9ff rgb(234,249,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#818c90
```
#818c90 rgb(129,140,144)
```
#789099
```
#789099 rgb(120,144,153)
```
#6f94a2
```
#6f94a2 rgb(111,148,162)
```
#6698ab
```
#6698ab rgb(102,152,171)
```
#5d9cb4
```
#5d9cb4 rgb(93,156,180)
```
#54a0bd
```
#54a0bd rgb(84,160,189)
```
#4ba4c6
```
#4ba4c6 rgb(75,164,198)
```
#42a8cf
```
#42a8cf rgb(66,168,207)
```
#38add9
```
#38add9 rgb(56,173,217)
```
#2fb1e2
```
#2fb1e2 rgb(47,177,226)
```
#26b5eb
```
#26b5eb rgb(38,181,235)
```
#1db9f4
```
#1db9f4 rgb(29,185,244)
```
#14bdfd
```
#14bdfd rgb(20,189,253)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#799ba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f3 Protanopia 1% of men
#91b3ff Deuteranopia 1% of men
#00c6d3 Tritanopia 0.001% of the population

Trichromacy

#6cb6f6 Protanomaly 1% of men, 0.01% of women
#63b7fe Deuteranomaly 6% of men, 0.4% of women
#07c2e2 Tritanomaly 0.01% of the population