#149cf5 hex color

In a RGB color space, hex #149cf5 is composed of 7.8% red, 61.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 36.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 203.7 degrees, a saturation of 91.8% and a lightness of 52%. #149cf5 color hex could be obtained by blending #28ffff with #0039eb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 8
- G 61
- B 96
RGB color chart
- C 92
- M 36
- Y 0
- K 4
CMYK color chart

● #149cf5 color description : Vivid blue.

The hexadecimal color #149cf5 has RGB values of R:20, G:156, B:245 and CMYK values of C:0.92, M:0.36, Y:0, K:0.04. Its decimal value is 1350901.

Hex triplet	149cf5	`#149cf5`
RGB Decimal	20, 156, 245	`rgb(20,156,245)`
RGB Percent	7.8, 61.2, 96.1	`rgb(7.8%,61.2%,96.1%)`
CMYK	92, 36, 0, 4
HSL	203.7°, 91.8, 52	`hsl(203.7,91.8%,52%)`
HSV (or HSB)	203.7°, 91.8, 96.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	62.097, -1.358, -53.575
XYZ	28.654, 30.516, 90.761
xyY	0.191, 0.204, 30.516
CIE-LCH	62.097, 53.593, 268.548
CIE-LUV	62.097, -37.75, -85.839
Hunter-Lab	55.241, -4.08, -58.745
Binary	00010100, 10011100, 11110101

#149cf5
```
#149cf5 rgb(20,156,245)
```
#f56d14
```
#f56d14 rgb(245,109,20)
```

Complementary Color

#14f5de
```
#14f5de rgb(20,245,222)
```
#149cf5
```
#149cf5 rgb(20,156,245)
```
#142cf5
```
#142cf5 rgb(20,44,245)
```

Analogous Color

#f5de14
```
#f5de14 rgb(245,222,20)
```
#149cf5
```
#149cf5 rgb(20,156,245)
```
#f5142c
```
#f5142c rgb(245,20,44)
```

Split Complementary Color

#9cf514
```
#9cf514 rgb(156,245,20)
```
#149cf5
```
#149cf5 rgb(20,156,245)
```
#f5149c
```
#f5149c rgb(245,20,156)
```

Triadic Color

#14f56d
```
#14f56d rgb(20,245,109)
```
#149cf5
```
#149cf5 rgb(20,156,245)
```
#f5149c
```
#f5149c rgb(245,20,156)
```
#f56d14
```
#f56d14 rgb(245,109,20)
```

Tetradic Color

#0870b5
```
#0870b5 rgb(8,112,181)
```
#0980cd
```
#0980cd rgb(9,128,205)
```
#0a8fe6
```
#0a8fe6 rgb(10,143,230)
```
#149cf5
```
#149cf5 rgb(20,156,245)
```
#2ca6f6
```
#2ca6f6 rgb(44,166,246)
```
#45b1f7
```
#45b1f7 rgb(69,177,247)
```
#5dbbf8
```
#5dbbf8 rgb(93,187,248)
```

Monochromatic Color

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

#14d4f5
```
#14d4f5 rgb(20,212,245)
```
#14c2f5
```
#14c2f5 rgb(20,194,245)
```
#14aff5
```
#14aff5 rgb(20,175,245)
```
#149cf5
```
#149cf5 rgb(20,156,245)
```
#1489f5
```
#1489f5 rgb(20,137,245)
```
#1477f5
```
#1477f5 rgb(20,119,245)
```
#1464f5
```
#1464f5 rgb(20,100,245)
```

Similar Colors

Text with hexadecimal color #149cf5

This text has a font color of #149cf5.

<span style="color:#149cf5;">Text here</span>

#149cf5 background color

This paragraph has a background color of #149cf5.

<p style="background-color:#149cf5;">Content here</p>

#149cf5 border color

This element has a border color of #149cf5.

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

CSS codes

.text {color:#149cf5;}

.background {background-color:#149cf5;}

.border {border:1px solid #149cf5;}

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#01121c
```
#01121c rgb(1,18,28)
```
#021d2f
```
#021d2f rgb(2,29,47)
```
#032942
```
#032942 rgb(3,41,66)
```
#043555
```
#043555 rgb(4,53,85)
```
#044068
```
#044068 rgb(4,64,104)
```
#054c7a
```
#054c7a rgb(5,76,122)
```
#06588d
```
#06588d rgb(6,88,141)
```
#0763a0
```
#0763a0 rgb(7,99,160)
```
#086fb3
```
#086fb3 rgb(8,111,179)
```
#087bc6
```
#087bc6 rgb(8,123,198)
```
#0987d9
```
#0987d9 rgb(9,135,217)
```
#0a92eb
```
#0a92eb rgb(10,146,235)
```

Shade Color Variation

#149cf5
```
#149cf5 rgb(20,156,245)
```
#27a4f6
```
#27a4f6 rgb(39,164,246)
```
#3aacf7
```
#3aacf7 rgb(58,172,247)
```
#4cb4f7
```
#4cb4f7 rgb(76,180,247)
```
#5fbcf8
```
#5fbcf8 rgb(95,188,248)
```
#72c4f9
```
#72c4f9 rgb(114,196,249)
```
#85ccfa
```
#85ccfa rgb(133,204,250)
```
#98d3fb
```
#98d3fb rgb(152,211,251)
```
#abdbfb
```
#abdbfb rgb(171,219,251)
```
#bde3fc
```
#bde3fc rgb(189,227,252)
```
#d0ebfd
```
#d0ebfd rgb(208,235,253)
```
#e3f3fe
```
#e3f3fe rgb(227,243,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c868d is the less saturated color, while #0b9efe is the most saturated one.

#7c868d
```
#7c868d rgb(124,134,141)
```
#728897
```
#728897 rgb(114,136,151)
```
#698aa0
```
#698aa0 rgb(105,138,160)
```
#5f8caa
```
#5f8caa rgb(95,140,170)
```
#568eb3
```
#568eb3 rgb(86,142,179)
```
#4d90bc
```
#4d90bc rgb(77,144,188)
```
#4392c6
```
#4392c6 rgb(67,146,198)
```
#3a94cf
```
#3a94cf rgb(58,148,207)
```
#3096d9
```
#3096d9 rgb(48,150,217)
```
#2798e2
```
#2798e2 rgb(39,152,226)
```
#1d9aec
```
#1d9aec rgb(29,154,236)
```
#149cf5
```
#149cf5 rgb(20,156,245)
```
#0b9efe
```
#0b9efe rgb(11,158,254)
```

Tone Color Variation

Below, you can see how #149cf5 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

#7d7d7d Achromatopsia 0.005% of the population
#688395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7798ee Protanopia 1% of men
#569cf7 Deuteranopia 1% of men
#00aab5 Tritanopia 0.001% of the population

Trichromacy

#5399f1 Protanomaly 1% of men, 0.01% of women
#3e9cf6 Deuteranomaly 6% of men, 0.4% of women
#07a5cc Tritanomaly 0.01% of the population

#149cf5 hex color

#149cf5 Color Information

#149cf5 Color Conversion

Color Schemes with #149cf5

Alternatives to #149cf5

#149cf5 Preview

Shades and Tints of #149cf5

Tones of #149cf5

Color Blindness Simulator