#186af1 hex color

In a RGB color space, hex #186af1 is composed of 9.4% red, 41.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 56% magenta, 0% yellow and 5.5% black. It has a hue angle of 217.3 degrees, a saturation of 88.6% and a lightness of 52%. #186af1 color hex could be obtained by blending #30d4ff with #0000e3. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 9
- G 42
- B 95
RGB color chart
- C 90
- M 56
- Y 0
- K 5
CMYK color chart

● #186af1 color description : Vivid blue.

The hexadecimal color #186af1 has RGB values of R:24, G:106, B:241 and CMYK values of C:0.9, M:0.56, Y:0, K:0.05. Its decimal value is 1600241.

Hex triplet	186af1	`#186af1`
RGB Decimal	24, 106, 241	`rgb(24,106,241)`
RGB Percent	9.4, 41.6, 94.5	`rgb(9.4%,41.6%,94.5%)`
CMYK	90, 56, 0, 5
HSL	217.3°, 88.6, 52	`hsl(217.3,88.6%,52%)`
HSV (or HSB)	217.3°, 90, 94.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.072, 28.027, -73.93
XYZ	21.404, 16.851, 85.339
xyY	0.173, 0.136, 16.851
CIE-LCH	48.072, 79.064, 290.762
CIE-LUV	48.072, -22.719, -113.917
Hunter-Lab	41.05, 21.235, -94.522
Binary	00011000, 01101010, 11110001

#186af1
```
#186af1 rgb(24,106,241)
```
#f19f18
```
#f19f18 rgb(241,159,24)
```

Complementary Color

#18d7f1
```
#18d7f1 rgb(24,215,241)
```
#186af1
```
#186af1 rgb(24,106,241)
```
#3318f1
```
#3318f1 rgb(51,24,241)
```

Analogous Color

#d7f118
```
#d7f118 rgb(215,241,24)
```
#186af1
```
#186af1 rgb(24,106,241)
```
#f13318
```
#f13318 rgb(241,51,24)
```

Split Complementary Color

#6af118
```
#6af118 rgb(106,241,24)
```
#186af1
```
#186af1 rgb(24,106,241)
```
#f1186a
```
#f1186a rgb(241,24,106)
```

Triadic Color

#18f19f
```
#18f19f rgb(24,241,159)
```
#186af1
```
#186af1 rgb(24,106,241)
```
#f1186a
```
#f1186a rgb(241,24,106)
```
#f19f18
```
#f19f18 rgb(241,159,24)
```

Tetradic Color

#0b4ab2
```
#0b4ab2 rgb(11,74,178)
```
#0c54ca
```
#0c54ca rgb(12,84,202)
```
#0e5ee2
```
#0e5ee2 rgb(14,94,226)
```
#186af1
```
#186af1 rgb(24,106,241)
```
#307af2
```
#307af2 rgb(48,122,242)
```
#4889f4
```
#4889f4 rgb(72,137,244)
```
#6099f5
```
#6099f5 rgb(96,153,245)
```

Monochromatic Color

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

#18a0f1
```
#18a0f1 rgb(24,160,241)
```
#188ef1
```
#188ef1 rgb(24,142,241)
```
#187cf1
```
#187cf1 rgb(24,124,241)
```
#186af1
```
#186af1 rgb(24,106,241)
```
#1858f1
```
#1858f1 rgb(24,88,241)
```
#1846f1
```
#1846f1 rgb(24,70,241)
```
#1834f1
```
#1834f1 rgb(24,52,241)
```

Similar Colors

Text with hexadecimal color #186af1

This text has a font color of #186af1.

<span style="color:#186af1;">Text here</span>

#186af1 background color

This paragraph has a background color of #186af1.

<p style="background-color:#186af1;">Content here</p>

#186af1 border color

This element has a border color of #186af1.

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

CSS codes

.text {color:#186af1;}

.background {background-color:#186af1;}

.border {border:1px solid #186af1;}

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

#010409
```
#010409 rgb(1,4,9)
```
#020c1c
```
#020c1c rgb(2,12,28)
```
#03132e
```
#03132e rgb(3,19,46)
```
#041b41
```
#041b41 rgb(4,27,65)
```
#052353
```
#052353 rgb(5,35,83)
```
#062a66
```
#062a66 rgb(6,42,102)
```
#073278
```
#073278 rgb(7,50,120)
```
#083a8b
```
#083a8b rgb(8,58,139)
```
#0a419d
```
#0a419d rgb(10,65,157)
```
#0b49b0
```
#0b49b0 rgb(11,73,176)
```
#0c51c2
```
#0c51c2 rgb(12,81,194)
```
#0d58d5
```
#0d58d5 rgb(13,88,213)
```
#0e60e7
```
#0e60e7 rgb(14,96,231)
```

Shade Color Variation

#186af1
```
#186af1 rgb(24,106,241)
```
#2a76f2
```
#2a76f2 rgb(42,118,242)
```
#3d82f3
```
#3d82f3 rgb(61,130,243)
```
#4f8ef4
```
#4f8ef4 rgb(79,142,244)
```
#629af5
```
#629af5 rgb(98,154,245)
```
#74a6f7
```
#74a6f7 rgb(116,166,247)
```
#87b2f8
```
#87b2f8 rgb(135,178,248)
```
#99bef9
```
#99bef9 rgb(153,190,249)
```
#acc9fa
```
#acc9fa rgb(172,201,250)
```
#bed5fb
```
#bed5fb rgb(190,213,251)
```
#d1e1fc
```
#d1e1fc rgb(209,225,252)
```
#e3edfd
```
#e3edfd rgb(227,237,253)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#808389
```
#808389 rgb(128,131,137)
```
#768193
```
#768193 rgb(118,129,147)
```
#6d7f9c
```
#6d7f9c rgb(109,127,156)
```
#637ca6
```
#637ca6 rgb(99,124,166)
```
#5a7aaf
```
#5a7aaf rgb(90,122,175)
```
#5178b8
```
#5178b8 rgb(81,120,184)
```
#4776c2
```
#4776c2 rgb(71,118,194)
```
#3e73cb
```
#3e73cb rgb(62,115,203)
```
#3471d5
```
#3471d5 rgb(52,113,213)
```
#2b6fde
```
#2b6fde rgb(43,111,222)
```
#216ce8
```
#216ce8 rgb(33,108,232)
```
#186af1
```
#186af1 rgb(24,106,241)
```
#0f68fa
```
#0f68fa rgb(15,104,250)
```

Tone Color Variation

Below, you can see how #186af1 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

#616161 Achromatopsia 0.005% of the population
#52637e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#0871ea Protanomaly 1% of men, 0.01% of women
#0875d7 Deuteranomaly 6% of men, 0.4% of women
#087bb1 Tritanomaly 0.01% of the population

#186af1 hex color

#186af1 Color Information

#186af1 Color Conversion

Color Schemes with #186af1

Alternatives to #186af1

#186af1 Preview

Shades and Tints of #186af1

Tones of #186af1

Color Blindness Simulator