#18a2ed hex color

In a RGB color space, hex #18a2ed is composed of 9.4% red, 63.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 89.9% cyan, 31.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 201.1 degrees, a saturation of 85.5% and a lightness of 51.2%. #18a2ed color hex could be obtained by blending #30ffff with #0045db. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 9
- G 64
- B 93
RGB color chart
- C 90
- M 32
- Y 0
- K 7
CMYK color chart

● #18a2ed color description : Vivid blue.

The hexadecimal color #18a2ed has RGB values of R:24, G:162, B:237 and CMYK values of C:0.9, M:0.32, Y:0, K:0.07. Its decimal value is 1614573.

Hex triplet	18a2ed	`#18a2ed`
RGB Decimal	24, 162, 237	`rgb(24,162,237)`
RGB Percent	9.4, 63.5, 92.9	`rgb(9.4%,63.5%,92.9%)`
CMYK	90, 32, 0, 7
HSL	201.1°, 85.5, 51.2	`hsl(201.1,85.5%,51.2%)`
HSV (or HSB)	201.1°, 89.9, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.464, -7.545, -47.014
XYZ	28.579, 32.147, 84.815
xyY	0.196, 0.221, 32.147
CIE-LCH	63.464, 47.616, 260.882
CIE-LUV	63.464, -39.972, -74.46
Hunter-Lab	56.698, -9.246, -49.004
Binary	00011000, 10100010, 11101101

#18a2ed
```
#18a2ed rgb(24,162,237)
```
#ed6318
```
#ed6318 rgb(237,99,24)
```

Complementary Color

#18edce
```
#18edce rgb(24,237,206)
```
#18a2ed
```
#18a2ed rgb(24,162,237)
```
#1838ed
```
#1838ed rgb(24,56,237)
```

Analogous Color

#edce18
```
#edce18 rgb(237,206,24)
```
#18a2ed
```
#18a2ed rgb(24,162,237)
```
#ed1838
```
#ed1838 rgb(237,24,56)
```

Split Complementary Color

#a2ed18
```
#a2ed18 rgb(162,237,24)
```
#18a2ed
```
#18a2ed rgb(24,162,237)
```
#ed18a2
```
#ed18a2 rgb(237,24,162)
```

Triadic Color

#18ed63
```
#18ed63 rgb(24,237,99)
```
#18a2ed
```
#18a2ed rgb(24,162,237)
```
#ed18a2
```
#ed18a2 rgb(237,24,162)
```
#ed6318
```
#ed6318 rgb(237,99,24)
```

Tetradic Color

#0d74ab
```
#0d74ab rgb(13,116,171)
```
#0f84c3
```
#0f84c3 rgb(15,132,195)
```
#1194da
```
#1194da rgb(17,148,218)
```
#18a2ed
```
#18a2ed rgb(24,162,237)
```
#30acef
```
#30acef rgb(48,172,239)
```
#47b5f1
```
#47b5f1 rgb(71,181,241)
```
#5fbff3
```
#5fbff3 rgb(95,191,243)
```

Monochromatic Color

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

#18d7ed
```
#18d7ed rgb(24,215,237)
```
#18c6ed
```
#18c6ed rgb(24,198,237)
```
#18b4ed
```
#18b4ed rgb(24,180,237)
```
#18a2ed
```
#18a2ed rgb(24,162,237)
```
#1890ed
```
#1890ed rgb(24,144,237)
```
#187fed
```
#187fed rgb(24,127,237)
```
#186ded
```
#186ded rgb(24,109,237)
```

Similar Colors

Text with hexadecimal color #18a2ed

This text has a font color of #18a2ed.

<span style="color:#18a2ed;">Text here</span>

#18a2ed background color

This paragraph has a background color of #18a2ed.

<p style="background-color:#18a2ed;">Content here</p>

#18a2ed border color

This element has a border color of #18a2ed.

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

CSS codes

.text {color:#18a2ed;}

.background {background-color:#18a2ed;}

.border {border:1px solid #18a2ed;}

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

#000406
```
#000406 rgb(0,4,6)
```
#021018
```
#021018 rgb(2,16,24)
```
#031c2a
```
#031c2a rgb(3,28,42)
```
#05293c
```
#05293c rgb(5,41,60)
```
#06354e
```
#06354e rgb(6,53,78)
```
#084161
```
#084161 rgb(8,65,97)
```
#094d73
```
#094d73 rgb(9,77,115)
```
#0a5a85
```
#0a5a85 rgb(10,90,133)
```
#0c6697
```
#0c6697 rgb(12,102,151)
```
#0d72a9
```
#0d72a9 rgb(13,114,169)
```
#0f7fbc
```
#0f7fbc rgb(15,127,188)
```
#108bce
```
#108bce rgb(16,139,206)
```
#1197e0
```
#1197e0 rgb(17,151,224)
```

Shade Color Variation

#18a2ed
```
#18a2ed rgb(24,162,237)
```
#2aa9ee
```
#2aa9ee rgb(42,169,238)
```
#3cb1f0
```
#3cb1f0 rgb(60,177,240)
```
#4fb8f1
```
#4fb8f1 rgb(79,184,241)
```
#61bff3
```
#61bff3 rgb(97,191,243)
```
#73c7f4
```
#73c7f4 rgb(115,199,244)
```
#85cef6
```
#85cef6 rgb(133,206,246)
```
#97d5f7
```
#97d5f7 rgb(151,213,247)
```
#aaddf8
```
#aaddf8 rgb(170,221,248)
```
#bce4fa
```
#bce4fa rgb(188,228,250)
```
#ceebfb
```
#ceebfb rgb(206,235,251)
```
#e0f3fd
```
#e0f3fd rgb(224,243,253)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

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

#818384
```
#818384 rgb(129,131,132)
```
#78868d
```
#78868d rgb(120,134,141)
```
#6e8997
```
#6e8997 rgb(110,137,151)
```
#658ba0
```
#658ba0 rgb(101,139,160)
```
#5b8eaa
```
#5b8eaa rgb(91,142,170)
```
#5191b4
```
#5191b4 rgb(81,145,180)
```
#4894bd
```
#4894bd rgb(72,148,189)
```
#3e97c7
```
#3e97c7 rgb(62,151,199)
```
#359ad0
```
#359ad0 rgb(53,154,208)
```
#2b9cda
```
#2b9cda rgb(43,156,218)
```
#229fe3
```
#229fe3 rgb(34,159,227)
```
#18a2ed
```
#18a2ed rgb(24,162,237)
```
#0ea5f7
```
#0ea5f7 rgb(14,165,247)
```

Tone Color Variation

Below, you can see how #18a2ed 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

#818181 Achromatopsia 0.005% of the population
#6c8897 Atypical Achromatopsia 0.001% of the population

Dichromacy

#839ce6 Protanopia 1% of men
#6c9ff1 Deuteranopia 1% of men
#00aeb9 Tritanopia 0.001% of the population

Trichromacy

#5c9ee8 Protanomaly 1% of men, 0.01% of women
#4da0ef Deuteranomaly 6% of men, 0.4% of women
#08a9cc Tritanomaly 0.01% of the population

#18a2ed hex color

#18a2ed Color Information

#18a2ed Color Conversion

Color Schemes with #18a2ed

Alternatives to #18a2ed

#18a2ed Preview

Shades and Tints of #18a2ed

Tones of #18a2ed

Color Blindness Simulator