Encycolorpedia

#21a2fd Hex Color Code

#21a2fd Paint ChipThe hexadecimal color code #21a2fd is a shade of cyan-blue. In the RGB color model #21a2fd is comprised of 12.94% red, 63.53% green and 99.22% blue. In the HSL color space #21a2fd has a hue of 205° (degrees), 98% saturation and 56% lightness. This color has an approximate wavelength of 477.48 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange)

#21a2fd linear gradient to complementary #cdaf51

  1. #21a2fd
  2. #6ca3e1
  3. #8da5c5
  4. #a4a7a9
  5. #b5aa8d
  6. #c2ac70
  7. #cdaf51

Monochromatic Colors

  1. #0085dc
  2. #008ee7
  3. #0098f2
  4. #21a2fd
  5. #37acff
  6. #49b6ff
  7. #58c0ff

Tones

  1. #21a2fd
  2. #4e9fea
  3. #659bd8
  4. #7598c5
  5. #8095b3
  6. #8892a1
  7. #8f8f8f

Tints and Shades

#21a2fd to White

  1. #21a2fd
  2. #65b1fe
  3. #8cc0fe
  4. #accfff
  5. #c9dfff
  6. #e5efff
  7. #ffffff

#21a2fd to Black

  1. #21a2fd
  2. #2785ce
  3. #2769a1
  4. #244e76
  5. #1e354e
  6. #151e29
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

Paints

Similar Paints

  1. Valspar Paint

    1. ★ Splish Splash
      #0ea5fd
      ΔE = 1.610
  2. Fender

    1. 29 / Blue Agave
      #4c9deb
      ΔE = 2.682
  3. Natural Color System / NCS

    1. S 1050-R90B
      #4e9eea
      ΔE = 2.774

#21a2fd HTML / CSS Code Examples

#21a2fd foreground

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

Vincent van Gogh
<p style="color: #21a2fd">…</p>

#21a2fd background

Creativity takes courage.

Henri Matisse
<p style="background-color: #21a2fd">…</p>

#21a2fd 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 #21a2fd">…</p>

Color Charts

Color Space Conversions

Decimal
2204413
Binary
00100001, 10100010, 11111101
Hexadecimal
#21a2fd
Closest short hex
#3af ΔE = 3.182
RGB
rgb(33, 162, 253)
RGBA
rgba(33, 162, 253, 1.0)
rg chromaticity
r: 0.074, g: 0.362, b: 0.565
RYB
red: 12.941%, yellow: 44.831%, blue: 99.216%
Android / android.graphics.Color
-14572803 / 0xff21a2fd
HSL
hsl(205, 98%, 56%)
HSLA
hsla(205, 98%%, 56%%, 1.0)
HSV / HSB
hue: 205° (204.818), saturation: 87% (0.870), value: 99% (0.992)
HSP
hue: 204.818, saturation: 86.957, perceived brightness: 59.510
HSLuv (HUSL)
H: 246.349, S: 97.924, L: 64.364
Cubehelix
H: -160.168, S: 1.248, L: 0.523
TSL
T: -2.047, S: 0.350, L: 0.525
CMYK
cyan: 87 (0.870), magenta: 36 (0.360), yellow: 0 (0.000), key: 1 (0.008)
CMY
cyan: 87 (0.871), magenta: 36 (0.365), yellow: 1 (0.008)
XYZ
X: 31.270, Y: 33.252, Z: 97.680
xyY
x: 0.193, y: 0.205, Y: 33.252
CIELab
L: 64.364, a: -1.227, b: -54.332
CIELuv
L: 64.364, u: -38.384, v: -87.645
CIELCH / LCHab
L: 64.364, C: 54.345, H: 268.707
CIELUV / LCHuv
L: 64.364, C: 95.681, H: 246.349
Hunter-Lab
L: 57.664, a: -4.116, b: -60.068
CIECAM02
J: 52.696, C: 66.227, h: 243.288, Q: 143.021, M: 57.915, s: 63.635, H: 302.729
OSA-UCS
lightness: -10.350, jaune: -9.462, green: 4.504
LMS
L: 21.337, M: 35.039, S: 96.604
YCbCr
Y: 130.923, Cb: 187.041, Cr: 64.908
YCgCo
Y: 152.500, Cg: 9.500, Co: -46.750
YDbDr
Y: 133.803, Db: 179.353, Dr: 191.704
YPbPr
Y: 141.075, Pb: 60.335, Pr: -68.686
xvYCC
Y: 137.159, Cb: 181.000, Cr: 67.664
YIQ
Y: 133.803, I: -106.082, Q: 1.035
YUV
Y: 133.803, U: 58.657, V: -88.436
Munsell Color System
5PB 6/10 ΔE = 8.714
Brand Color
Dropbox ΔE = 3.612

Random Colors

Red

Green

Blue