#19baf2 hex color

In a RGB color space, hex #19baf2 is composed of 9.8% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 89.7% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 195.5 degrees, a saturation of 89.3% and a lightness of 52.4%. #19baf2 color hex could be obtained by blending #32ffff with #0075e5. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 10
- G 73
- B 95
RGB color chart
- C 90
- M 23
- Y 0
- K 5
CMYK color chart

● #19baf2 color description : Vivid blue.

The hexadecimal color #19baf2 has RGB values of R:25, G:186, B:242 and CMYK values of C:0.9, M:0.23, Y:0, K:0.05. Its decimal value is 1686258.

Hex triplet	19baf2	`#19baf2`
RGB Decimal	25, 186, 242	`rgb(25,186,242)`
RGB Percent	9.8, 72.9, 94.9	`rgb(9.8%,72.9%,94.9%)`
CMYK	90, 23, 0, 5
HSL	195.5°, 89.3, 52.4	`hsl(195.5,89.3%,52.4%)`
HSV (or HSB)	195.5°, 89.7, 94.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.686, -18.77, -38.422
XYZ	33.983, 41.732, 90.264
xyY	0.205, 0.251, 41.732
CIE-LCH	70.686, 42.762, 243.964
CIE-LUV	70.686, -47.596, -59.55
Hunter-Lab	64.6, -19.152, -37.623
Binary	00011001, 10111010, 11110010

#19baf2
```
#19baf2 rgb(25,186,242)
```
#f25119
```
#f25119 rgb(242,81,25)
```

Complementary Color

#19f2be
```
#19f2be rgb(25,242,190)
```
#19baf2
```
#19baf2 rgb(25,186,242)
```
#194ef2
```
#194ef2 rgb(25,78,242)
```

Analogous Color

#f2be19
```
#f2be19 rgb(242,190,25)
```
#19baf2
```
#19baf2 rgb(25,186,242)
```
#f2194e
```
#f2194e rgb(242,25,78)
```

Split Complementary Color

#baf219
```
#baf219 rgb(186,242,25)
```
#19baf2
```
#19baf2 rgb(25,186,242)
```
#f219ba
```
#f219ba rgb(242,25,186)
```

Triadic Color

#19f251
```
#19f251 rgb(25,242,81)
```
#19baf2
```
#19baf2 rgb(25,186,242)
```
#f219ba
```
#f219ba rgb(242,25,186)
```
#f25119
```
#f25119 rgb(242,81,25)
```

Tetradic Color

#0a88b4
```
#0a88b4 rgb(10,136,180)
```
#0c9bcc
```
#0c9bcc rgb(12,155,204)
```
#0dade5
```
#0dade5 rgb(13,173,229)
```
#19baf2
```
#19baf2 rgb(25,186,242)
```
#31c1f3
```
#31c1f3 rgb(49,193,243)
```
#49c8f5
```
#49c8f5 rgb(73,200,245)
```
#61d0f6
```
#61d0f6 rgb(97,208,246)
```

Monochromatic Color

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

#19f0f2
```
#19f0f2 rgb(25,240,242)
```
#19def2
```
#19def2 rgb(25,222,242)
```
#19ccf2
```
#19ccf2 rgb(25,204,242)
```
#19baf2
```
#19baf2 rgb(25,186,242)
```
#19a8f2
```
#19a8f2 rgb(25,168,242)
```
#1996f2
```
#1996f2 rgb(25,150,242)
```
#1984f2
```
#1984f2 rgb(25,132,242)
```

Similar Colors

Text with hexadecimal color #19baf2

This text has a font color of #19baf2.

<span style="color:#19baf2;">Text here</span>

#19baf2 background color

This paragraph has a background color of #19baf2.

<p style="background-color:#19baf2;">Content here</p>

#19baf2 border color

This element has a border color of #19baf2.

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

CSS codes

.text {color:#19baf2;}

.background {background-color:#19baf2;}

.border {border:1px solid #19baf2;}

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

#01090b
```
#01090b rgb(1,9,11)
```
#02171e
```
#02171e rgb(2,23,30)
```
#032530
```
#032530 rgb(3,37,48)
```
#043343
```
#043343 rgb(4,51,67)
```
#054156
```
#054156 rgb(5,65,86)
```
#064f68
```
#064f68 rgb(6,79,104)
```
#075d7b
```
#075d7b rgb(7,93,123)
```
#086b8d
```
#086b8d rgb(8,107,141)
```
#0979a0
```
#0979a0 rgb(9,121,160)
```
#0a87b2
```
#0a87b2 rgb(10,135,178)
```
#0b95c5
```
#0b95c5 rgb(11,149,197)
```
#0ca3d8
```
#0ca3d8 rgb(12,163,216)
```
#0db1ea
```
#0db1ea rgb(13,177,234)
```

Shade Color Variation

#19baf2
```
#19baf2 rgb(25,186,242)
```
#2cc0f3
```
#2cc0f3 rgb(44,192,243)
```
#3ec5f4
```
#3ec5f4 rgb(62,197,244)
```
#51cbf5
```
#51cbf5 rgb(81,203,245)
```
#63d0f6
```
#63d0f6 rgb(99,208,246)
```
#76d6f7
```
#76d6f7 rgb(118,214,247)
```
#88dbf8
```
#88dbf8 rgb(136,219,248)
```
#9be1f9
```
#9be1f9 rgb(155,225,249)
```
#aee7fa
```
#aee7fa rgb(174,231,250)
```
#c0ecfb
```
#c0ecfb rgb(192,236,251)
```
#d3f2fc
```
#d3f2fc rgb(211,242,252)
```
#e5f7fe
```
#e5f7fe rgb(229,247,254)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80888b is the less saturated color, while #10bffb is the most saturated one.

#80888b
```
#80888b rgb(128,136,139)
```
#768d95
```
#768d95 rgb(118,141,149)
```
#6d919e
```
#6d919e rgb(109,145,158)
```
#6496a7
```
#6496a7 rgb(100,150,167)
```
#5a9ab1
```
#5a9ab1 rgb(90,154,177)
```
#519fba
```
#519fba rgb(81,159,186)
```
#48a3c3
```
#48a3c3 rgb(72,163,195)
```
#3ea8cd
```
#3ea8cd rgb(62,168,205)
```
#35acd6
```
#35acd6 rgb(53,172,214)
```
#2cb1df
```
#2cb1df rgb(44,177,223)
```
#22b5e9
```
#22b5e9 rgb(34,181,233)
```
#19baf2
```
#19baf2 rgb(25,186,242)
```
#10bffb
```
#10bffb rgb(16,191,251)
```

Tone Color Variation

Below, you can see how #19baf2 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

#909090 Achromatopsia 0.005% of the population
#7898a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fafe8 Protanopia 1% of men
#92aff8 Deuteranopia 1% of men
#00c2cf Tritanopia 0.001% of the population

Trichromacy

#6eb3ec Protanomaly 1% of men, 0.01% of women
#66b3f5 Deuteranomaly 6% of men, 0.4% of women
#09bfdc Tritanomaly 0.01% of the population

#19baf2 hex color

#19baf2 Color Information

#19baf2 Color Conversion

Color Schemes with #19baf2

Alternatives to #19baf2

#19baf2 Preview

Shades and Tints of #19baf2

Tones of #19baf2

Color Blindness Simulator