#46afe2 hex color

In a RGB color space, hex #46afe2 is composed of 27.5% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 199.6 degrees, a saturation of 72.9% and a lightness of 58%. #46afe2 color hex could be obtained by blending #8cffff with #005fc5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 69
- B 89
RGB color chart
- C 69
- M 23
- Y 0
- K 11
CMYK color chart

● #46afe2 color description : Soft blue.

The hexadecimal color #46afe2 has RGB values of R:70, G:175, B:226 and CMYK values of C:0.69, M:0.23, Y:0, K:0.11. Its decimal value is 4632546.

Hex triplet	46afe2	`#46afe2`
RGB Decimal	70, 175, 226	`rgb(70,175,226)`
RGB Percent	27.5, 68.6, 88.6	`rgb(27.5%,68.6%,88.6%)`
CMYK	69, 23, 0, 11
HSL	199.6°, 72.9, 58	`hsl(199.6,72.9%,58%)`
HSV (or HSB)	199.6°, 69, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.614, -14.098, -34.418
XYZ	31.58, 37.45, 77.512
xyY	0.215, 0.256, 37.45
CIE-LCH	67.614, 37.194, 247.726
CIE-LUV	67.614, -39.455, -52.929
Hunter-Lab	61.197, -14.982, -32.259
Binary	01000110, 10101111, 11100010

#46afe2
```
#46afe2 rgb(70,175,226)
```
#e27946
```
#e27946 rgb(226,121,70)
```

Complementary Color

#46e2c7
```
#46e2c7 rgb(70,226,199)
```
#46afe2
```
#46afe2 rgb(70,175,226)
```
#4661e2
```
#4661e2 rgb(70,97,226)
```

Analogous Color

#e2c746
```
#e2c746 rgb(226,199,70)
```
#46afe2
```
#46afe2 rgb(70,175,226)
```
#e24661
```
#e24661 rgb(226,70,97)
```

Split Complementary Color

#afe246
```
#afe246 rgb(175,226,70)
```
#46afe2
```
#46afe2 rgb(70,175,226)
```
#e246af
```
#e246af rgb(226,70,175)
```

Triadic Color

#46e279
```
#46e279 rgb(70,226,121)
```
#46afe2
```
#46afe2 rgb(70,175,226)
```
#e246af
```
#e246af rgb(226,70,175)
```
#e27946
```
#e27946 rgb(226,121,70)
```

Tetradic Color

#1e89be
```
#1e89be rgb(30,137,190)
```
#2199d4
```
#2199d4 rgb(33,153,212)
```
#30a5df
```
#30a5df rgb(48,165,223)
```
#46afe2
```
#46afe2 rgb(70,175,226)
```
#5cb9e5
```
#5cb9e5 rgb(92,185,229)
```
#72c2e9
```
#72c2e9 rgb(114,194,233)
```
#88ccec
```
#88ccec rgb(136,204,236)
```

Monochromatic Color

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

#46d6e2
```
#46d6e2 rgb(70,214,226)
```
#46c9e2
```
#46c9e2 rgb(70,201,226)
```
#46bce2
```
#46bce2 rgb(70,188,226)
```
#46afe2
```
#46afe2 rgb(70,175,226)
```
#46a2e2
```
#46a2e2 rgb(70,162,226)
```
#4695e2
```
#4695e2 rgb(70,149,226)
```
#4688e2
```
#4688e2 rgb(70,136,226)
```

Similar Colors

Text with hexadecimal color #46afe2

This text has a font color of #46afe2.

<span style="color:#46afe2;">Text here</span>

#46afe2 background color

This paragraph has a background color of #46afe2.

<p style="background-color:#46afe2;">Content here</p>

#46afe2 border color

This element has a border color of #46afe2.

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

CSS codes

.text {color:#46afe2;}

.background {background-color:#46afe2;}

.border {border:1px solid #46afe2;}

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

#000102
```
#000102 rgb(0,1,2)
```
#030d12
```
#030d12 rgb(3,13,18)
```
#061a23
```
#061a23 rgb(6,26,35)
```
#082634
```
#082634 rgb(8,38,52)
```
#0b3245
```
#0b3245 rgb(11,50,69)
```
#0e3f56
```
#0e3f56 rgb(14,63,86)
```
#104b67
```
#104b67 rgb(16,75,103)
```
#135778
```
#135778 rgb(19,87,120)
```
#166389
```
#166389 rgb(22,99,137)
```
#18709a
```
#18709a rgb(24,112,154)
```
#1b7cab
```
#1b7cab rgb(27,124,171)
```
#1d88bc
```
#1d88bc rgb(29,136,188)
```
#2094cd
```
#2094cd rgb(32,148,205)
```

Shade Color Variation

#24a0dd
```
#24a0dd rgb(36,160,221)
```
#35a8df
```
#35a8df rgb(53,168,223)
```
#46afe2
```
#46afe2 rgb(70,175,226)
```
#57b6e5
```
#57b6e5 rgb(87,182,229)
```
#68bee7
```
#68bee7 rgb(104,190,231)
```
#79c5ea
```
#79c5ea rgb(121,197,234)
```
#8acced
```
#8acced rgb(138,204,237)
```
#9bd4ef
```
#9bd4ef rgb(155,212,239)
```
#acdbf2
```
#acdbf2 rgb(172,219,242)
```
#bde2f5
```
#bde2f5 rgb(189,226,245)
```
#ceeaf7
```
#ceeaf7 rgb(206,234,247)
```
#dff1fa
```
#dff1fa rgb(223,241,250)
```
#f0f8fd
```
#f0f8fd rgb(240,248,253)
```

Tint Color Variation

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

#909598
```
#909598 rgb(144,149,152)
```
#8898a0
```
#8898a0 rgb(136,152,160)
```
#809ba8
```
#809ba8 rgb(128,155,168)
```
#779eb1
```
#779eb1 rgb(119,158,177)
```
#6fa1b9
```
#6fa1b9 rgb(111,161,185)
```
#67a4c1
```
#67a4c1 rgb(103,164,193)
```
#5fa6c9
```
#5fa6c9 rgb(95,166,201)
```
#56a9d2
```
#56a9d2 rgb(86,169,210)
```
#4eacda
```
#4eacda rgb(78,172,218)
```
#46afe2
```
#46afe2 rgb(70,175,226)
```
#3eb2ea
```
#3eb2ea rgb(62,178,234)
```
#36b5f2
```
#36b5f2 rgb(54,181,242)
```
#2db8fb
```
#2db8fb rgb(45,184,251)
```

Tone Color Variation

Below, you can see how #46afe2 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

#959595 Achromatopsia 0.005% of the population
#859aa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a7db Protanopia 1% of men
#91a7e8 Deuteranopia 1% of men
#35b8c6 Tritanopia 0.001% of the population

Trichromacy

#7baadd Protanomaly 1% of men, 0.01% of women
#75aae5 Deuteranomaly 6% of men, 0.4% of women
#3bb5d0 Tritanomaly 0.01% of the population

#46afe2 hex color

#46afe2 Color Information

#46afe2 Color Conversion

Color Schemes with #46afe2

Alternatives to #46afe2

#46afe2 Preview

Shades and Tints of #46afe2

Tones of #46afe2

Color Blindness Simulator