#21a3f1 hex color

In a RGB color space, hex #21a3f1 is composed of 12.9% red, 63.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 32.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 202.5 degrees, a saturation of 88.1% and a lightness of 53.7%. #21a3f1 color hex could be obtained by blending #42ffff with #0047e3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 64
- B 95
RGB color chart
- C 86
- M 32
- Y 0
- K 5
CMYK color chart

● #21a3f1 color description : Vivid blue.

The hexadecimal color #21a3f1 has RGB values of R:33, G:163, B:241 and CMYK values of C:0.86, M:0.32, Y:0, K:0.05. Its decimal value is 2204657.

Hex triplet	21a3f1	`#21a3f1`
RGB Decimal	33, 163, 241	`rgb(33,163,241)`
RGB Percent	12.9, 63.9, 94.5	`rgb(12.9%,63.9%,94.5%)`
CMYK	86, 32, 0, 5
HSL	202.5°, 88.1, 53.7	`hsl(202.5,88.1%,53.7%)`
HSV (or HSB)	202.5°, 86.3, 94.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.052, -6.149, -48.274
XYZ	29.598, 32.866, 87.998
xyY	0.197, 0.218, 32.866
CIE-LCH	64.052, 48.664, 262.741
CIE-LUV	64.052, -39.408, -76.845
Hunter-Lab	57.329, -8.169, -50.878
Binary	00100001, 10100011, 11110001

#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#f16f21
```
#f16f21 rgb(241,111,33)
```

Complementary Color

#21f1d7
```
#21f1d7 rgb(33,241,215)
```
#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#213bf1
```
#213bf1 rgb(33,59,241)
```

Analogous Color

#f1d721
```
#f1d721 rgb(241,215,33)
```
#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#f1213b
```
#f1213b rgb(241,33,59)
```

Split Complementary Color

#a3f121
```
#a3f121 rgb(163,241,33)
```
#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#f121a3
```
#f121a3 rgb(241,33,163)
```

Triadic Color

#21f16f
```
#21f16f rgb(33,241,111)
```
#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#f121a3
```
#f121a3 rgb(241,33,163)
```
#f16f21
```
#f16f21 rgb(241,111,33)
```

Tetradic Color

#0c79ba
```
#0c79ba rgb(12,121,186)
```
#0d88d2
```
#0d88d2 rgb(13,136,210)
```
#0f98ea
```
#0f98ea rgb(15,152,234)
```
#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#39adf3
```
#39adf3 rgb(57,173,243)
```
#51b7f4
```
#51b7f4 rgb(81,183,244)
```
#69c1f6
```
#69c1f6 rgb(105,193,246)
```

Monochromatic Color

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

#21d7f1
```
#21d7f1 rgb(33,215,241)
```
#21c6f1
```
#21c6f1 rgb(33,198,241)
```
#21b4f1
```
#21b4f1 rgb(33,180,241)
```
#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#2192f1
```
#2192f1 rgb(33,146,241)
```
#2180f1
```
#2180f1 rgb(33,128,241)
```
#216ff1
```
#216ff1 rgb(33,111,241)
```

Similar Colors

Text with hexadecimal color #21a3f1

This text has a font color of #21a3f1.

<span style="color:#21a3f1;">Text here</span>

#21a3f1 background color

This paragraph has a background color of #21a3f1.

<p style="background-color:#21a3f1;">Content here</p>

#21a3f1 border color

This element has a border color of #21a3f1.

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

CSS codes

.text {color:#21a3f1;}

.background {background-color:#21a3f1;}

.border {border:1px solid #21a3f1;}

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, #010c12 is the darkest color, while #feffff is the lightest one.

#010c12
```
#010c12 rgb(1,12,18)
```
#021824
```
#021824 rgb(2,24,36)
```
#032437
```
#032437 rgb(3,36,55)
```
#052f49
```
#052f49 rgb(5,47,73)
```
#063b5c
```
#063b5c rgb(6,59,92)
```
#07476e
```
#07476e rgb(7,71,110)
```
#085381
```
#085381 rgb(8,83,129)
```
#095f93
```
#095f93 rgb(9,95,147)
```
#0a6ba5
```
#0a6ba5 rgb(10,107,165)
```
#0c77b8
```
#0c77b8 rgb(12,119,184)
```
#0d83ca
```
#0d83ca rgb(13,131,202)
```
#0e8fdd
```
#0e8fdd rgb(14,143,221)
```
#0f9bef
```
#0f9bef rgb(15,155,239)
```

Shade Color Variation

#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#33abf2
```
#33abf2 rgb(51,171,242)
```
#46b2f3
```
#46b2f3 rgb(70,178,243)
```
#58baf4
```
#58baf4 rgb(88,186,244)
```
#6bc2f6
```
#6bc2f6 rgb(107,194,246)
```
#7dc9f7
```
#7dc9f7 rgb(125,201,247)
```
#90d1f8
```
#90d1f8 rgb(144,209,248)
```
#a2d9f9
```
#a2d9f9 rgb(162,217,249)
```
#b5e0fa
```
#b5e0fa rgb(181,224,250)
```
#c7e8fb
```
#c7e8fb rgb(199,232,251)
```
#daeffd
```
#daeffd rgb(218,239,253)
```
#ecf7fe
```
#ecf7fe rgb(236,247,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858a8d is the less saturated color, while #18a5fa is the most saturated one.

#858a8d
```
#858a8d rgb(133,138,141)
```
#7c8c96
```
#7c8c96 rgb(124,140,150)
```
#738f9f
```
#738f9f rgb(115,143,159)
```
#6a91a8
```
#6a91a8 rgb(106,145,168)
```
#6193b1
```
#6193b1 rgb(97,147,177)
```
#5795bb
```
#5795bb rgb(87,149,187)
```
#4e98c4
```
#4e98c4 rgb(78,152,196)
```
#459acd
```
#459acd rgb(69,154,205)
```
#3c9cd6
```
#3c9cd6 rgb(60,156,214)
```
#339edf
```
#339edf rgb(51,158,223)
```
#2aa1e8
```
#2aa1e8 rgb(42,161,232)
```
#21a3f1
```
#21a3f1 rgb(33,163,241)
```
#18a5fa
```
#18a5fa rgb(24,165,250)
```

Tone Color Variation

Below, you can see how #21a3f1 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

#858585 Achromatopsia 0.005% of the population
#718b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#839dea Protanopia 1% of men
#6ba0f4 Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#5f9fec Protanomaly 1% of men, 0.01% of women
#50a1f3 Deuteranomaly 6% of men, 0.4% of women
#0cabcf Tritanomaly 0.01% of the population

#21a3f1 hex color

#21a3f1 Color Information

#21a3f1 Color Conversion

Color Schemes with #21a3f1

Alternatives to #21a3f1

#21a3f1 Preview

Shades and Tints of #21a3f1

Tones of #21a3f1

Color Blindness Simulator