#149dfb hex color

In a RGB color space, hex #149dfb is composed of 7.8% red, 61.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 92% cyan, 37.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 204.4 degrees, a saturation of 96.7% and a lightness of 53.1%. #149dfb color hex could be obtained by blending #28ffff with #003bf7. Closest websafe color is: #0099ff.

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

● #149dfb color description : Vivid blue.

The hexadecimal color #149dfb has RGB values of R:20, G:157, B:251 and CMYK values of C:0.92, M:0.37, Y:0, K:0.02. Its decimal value is 1351163.

Hex triplet	149dfb	`#149dfb`
RGB Decimal	20, 157, 251	`rgb(20,157,251)`
RGB Percent	7.8, 61.6, 98.4	`rgb(7.8%,61.6%,98.4%)`
CMYK	92, 37, 0, 2
HSL	204.4°, 96.7, 53.1	`hsl(204.4,96.7%,53.1%)`
HSV (or HSB)	204.4°, 92, 98.4
Web Safe	0099ff	`#0099ff`

CIE-LAB	62.697, 0.287, -55.908
XYZ	29.754, 31.225, 95.72
xyY	0.19, 0.199, 31.225
CIE-LCH	62.697, 55.908, 270.295
CIE-LUV	62.697, -37.724, -90.044
Hunter-Lab	55.879, -2.743, -62.447
Binary	00010100, 10011101, 11111011

#149dfb
```
#149dfb rgb(20,157,251)
```
#fb7214
```
#fb7214 rgb(251,114,20)
```

Complementary Color

#14fbe6
```
#14fbe6 rgb(20,251,230)
```
#149dfb
```
#149dfb rgb(20,157,251)
```
#142afb
```
#142afb rgb(20,42,251)
```

Analogous Color

#fbe614
```
#fbe614 rgb(251,230,20)
```
#149dfb
```
#149dfb rgb(20,157,251)
```
#fb142a
```
#fb142a rgb(251,20,42)
```

Split Complementary Color

#9dfb14
```
#9dfb14 rgb(157,251,20)
```
#149dfb
```
#149dfb rgb(20,157,251)
```
#fb149d
```
#fb149d rgb(251,20,157)
```

Triadic Color

#14fb72
```
#14fb72 rgb(20,251,114)
```
#149dfb
```
#149dfb rgb(20,157,251)
```
#fb149d
```
#fb149d rgb(251,20,157)
```
#fb7214
```
#fb7214 rgb(251,114,20)
```

Tetradic Color

#0373bf
```
#0373bf rgb(3,115,191)
```
#0482d8
```
#0482d8 rgb(4,130,216)
```
#0491f1
```
#0491f1 rgb(4,145,241)
```
#149dfb
```
#149dfb rgb(20,157,251)
```
#2da7fb
```
#2da7fb rgb(45,167,251)
```
#46b2fc
```
#46b2fc rgb(70,178,252)
```
#5fbcfc
```
#5fbcfc rgb(95,188,252)
```

Monochromatic Color

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

#14d7fb
```
#14d7fb rgb(20,215,251)
```
#14c4fb
```
#14c4fb rgb(20,196,251)
```
#14b0fb
```
#14b0fb rgb(20,176,251)
```
#149dfb
```
#149dfb rgb(20,157,251)
```
#148afb
```
#148afb rgb(20,138,251)
```
#1477fb
```
#1477fb rgb(20,119,251)
```
#1463fb
```
#1463fb rgb(20,99,251)
```

Similar Colors

Text with hexadecimal color #149dfb

This text has a font color of #149dfb.

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

#149dfb background color

This paragraph has a background color of #149dfb.

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

#149dfb border color

This element has a border color of #149dfb.

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

CSS codes

.text {color:#149dfb;}

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

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

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

#000910
```
#000910 rgb(0,9,16)
```
#011523
```
#011523 rgb(1,21,35)
```
#012136
```
#012136 rgb(1,33,54)
```
#012c4a
```
#012c4a rgb(1,44,74)
```
#02385d
```
#02385d rgb(2,56,93)
```
#024370
```
#024370 rgb(2,67,112)
```
#024f83
```
#024f83 rgb(2,79,131)
```
#035a97
```
#035a97 rgb(3,90,151)
```
#0366aa
```
#0366aa rgb(3,102,170)
```
#0372bd
```
#0372bd rgb(3,114,189)
```
#047dd1
```
#047dd1 rgb(4,125,209)
```
#0489e4
```
#0489e4 rgb(4,137,228)
```
#0494f7
```
#0494f7 rgb(4,148,247)
```

Shade Color Variation

#149dfb
```
#149dfb rgb(20,157,251)
```
#27a5fb
```
#27a5fb rgb(39,165,251)
```
#3badfc
```
#3badfc rgb(59,173,252)
```
#4eb5fc
```
#4eb5fc rgb(78,181,252)
```
#61bdfc
```
#61bdfc rgb(97,189,252)
```
#74c5fd
```
#74c5fd rgb(116,197,253)
```
#88cdfd
```
#88cdfd rgb(136,205,253)
```
#9bd5fd
```
#9bd5fd rgb(155,213,253)
```
#aeddfe
```
#aeddfe rgb(174,221,254)
```
#c2e5fe
```
#c2e5fe rgb(194,229,254)
```
#d5edfe
```
#d5edfe rgb(213,237,254)
```
#e8f5ff
```
#e8f5ff rgb(232,245,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82888d is the less saturated color, while #149dfb is the most saturated one.

#82888d
```
#82888d rgb(130,136,141)
```
#798a96
```
#798a96 rgb(121,138,150)
```
#708c9f
```
#708c9f rgb(112,140,159)
```
#678ea8
```
#678ea8 rgb(103,142,168)
```
#5e8fb1
```
#5e8fb1 rgb(94,143,177)
```
#5491bb
```
#5491bb rgb(84,145,187)
```
#4b93c4
```
#4b93c4 rgb(75,147,196)
```
#4294cd
```
#4294cd rgb(66,148,205)
```
#3996d6
```
#3996d6 rgb(57,150,214)
```
#3098df
```
#3098df rgb(48,152,223)
```
#269ae9
```
#269ae9 rgb(38,154,233)
```
#1d9bf2
```
#1d9bf2 rgb(29,155,242)
```
#149dfb
```
#149dfb rgb(20,157,251)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6a8598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#759af4 Protanopia 1% of men
#509efc Deuteranopia 1% of men
#00acb7 Tritanopia 0.001% of the population

Trichromacy

#529bf6 Protanomaly 1% of men, 0.01% of women
#3a9dfc Deuteranomaly 6% of men, 0.4% of women
#07a6cf Tritanomaly 0.01% of the population

#149dfb hex color

#149dfb Color Information

#149dfb Color Conversion

Color Schemes with #149dfb

Alternatives to #149dfb

#149dfb Preview

Shades and Tints of #149dfb

Tones of #149dfb

Color Blindness Simulator