Encycolorpedia

#18a5f1 Hex Color Code

#18a5f1 Paint ChipThe hexadecimal color code #18a5f1 is a shade of cyan-blue. In the RGB color model #18a5f1 is comprised of 9.41% red, 64.71% green and 94.51% blue. In the HSL color space #18a5f1 has a hue of 201° (degrees), 89% saturation and 52% lightness. This color has an approximate wavelength of 479.29 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#18a5f1 linear gradient to complementary #c29647

  1. #18a5f1
  2. #66a2d5
  3. #879fb9
  4. #9d9d9d
  5. #ac9a81
  6. #b99865
  7. #c29647

Monochromatic Colors

  1. #0087d1
  2. #0091db
  3. #009be6
  4. #18a5f1
  5. #31affc
  6. #43b9ff
  7. #52c4ff

Tones

  1. #18a5f1
  2. #479fde
  3. #5e9acc
  4. #6c94b9
  5. #778fa7
  6. #7e8996
  7. #848484

Tints and Shades

#18a5f1 to White

  1. #18a5f1
  2. #60b3f4
  3. #88c2f6
  4. #a9d1f9
  5. #c7e0fb
  6. #e4effd
  7. #ffffff

#18a5f1 to Black

  1. #18a5f1
  2. #2287c4
  3. #246b9a
  4. #225071
  5. #1c364b
  6. #141e28
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Valspar Paint

    1. ★ Ocean Sigh
      #2ba6f1
      ΔE = 0.697
  2. Focoltone

    1. 1070
      #00a6eb
      ΔE = 2.467
  3. TRUMATCH

    1. 30-a
      #00a6eb
      ΔE = 2.467

#18a5f1 HTML / CSS Code Examples

#18a5f1 foreground

I am seeking. I am striving. I am in it with all my heart.

Vincent van Gogh
<p style="color: #18a5f1">…</p>

#18a5f1 background

Creativity takes courage.

Henri Matisse
<p style="background-color: #18a5f1">…</p>

#18a5f1 shadow

If I could say it in words there would be no reason to paint.

Edward Hopper
<p style="text-shadow: 0.1em 0.1em 0.15em #18a5f1">…</p>

Color Charts

Color Space Conversions

Decimal
1615345
Binary
00011000, 10100101, 11110001
Hexadecimal
#18a5f1
Closest short hex
#0af ΔE = 2.640
RGB
rgb(24, 165, 241)
RGBA
rgba(24, 165, 241, 1.0)
rg chromaticity
r: 0.056, g: 0.384, b: 0.560
RYB
red: 9.412%, yellow: 42.928%, blue: 94.510%
Android / android.graphics.Color
-15161871 / 0xff18a5f1
HSL
hsl(201, 89%, 52%)
HSLA
hsla(201, 89%%, 52%%, 1.0)
HSV / HSB
hue: 201° (201.014), saturation: 90% (0.900), value: 95% (0.945)
HSP
hue: 201.014, saturation: 90.041, perceived brightness: 59.181
HSLuv (HUSL)
H: 241.663, S: 97.813, L: 64.525
Cubehelix
H: -164.837, S: 1.234, L: 0.514
TSL
T: -1.935, S: 0.378, L: 0.516
CMYK
cyan: 90 (0.900), magenta: 32 (0.315), yellow: 0 (0.000), key: 5 (0.055)
CMY
cyan: 91 (0.906), magenta: 35 (0.353), yellow: 5 (0.055)
XYZ
X: 29.703, Y: 33.451, Z: 88.093
xyY
x: 0.196, y: 0.221, Y: 33.451
CIELab
L: 64.525, a: -7.785, b: -47.526
CIELuv
L: 64.525, u: -40.711, v: -75.494
CIELCH / LCHab
L: 64.525, C: 48.160, H: 260.697
CIELUV / LCHuv
L: 64.525, C: 85.771, H: 241.663
Hunter-Lab
L: 57.837, a: -9.545, b: -49.820
CIECAM02
J: 52.883, C: 62.234, h: 238.575, Q: 143.275, M: 54.423, s: 61.632, H: 300.490
OSA-UCS
lightness: -10.304, jaune: -8.201, green: 4.790
LMS
L: 21.830, M: 36.422, S: 87.175
YCbCr
Y: 128.946, Cb: 182.232, Cr: 60.705
YCgCo
Y: 148.750, Cg: 16.250, Co: -48.250
YDbDr
Y: 131.505, Db: 164.758, Dr: 204.445
YPbPr
Y: 140.439, Pb: 54.215, Pr: -73.996
xvYCC
Y: 136.612, Cb: 175.624, Cr: 63.000
YIQ
Y: 131.505, I: -108.412, Q: -6.169
YUV
Y: 131.505, U: 53.883, V: -94.316
Munsell Color System
5PB 6/10 ΔE = 6.288
Brand Color
Twitter ΔE = 4.396

Random Colors

Red

Green

Blue