#46afec hex color

In a RGB color space, hex #46afec is composed of 27.5% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 202 degrees, a saturation of 81.4% and a lightness of 60%. #46afec color hex could be obtained by blending #8cffff with #005fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 69
- B 93
RGB color chart
- C 70
- M 26
- Y 0
- K 7
CMYK color chart

● #46afec color description : Bright blue.

The hexadecimal color #46afec has RGB values of R:70, G:175, B:236 and CMYK values of C:0.7, M:0.26, Y:0, K:0.07. Its decimal value is 4632556.

Hex triplet	46afec	`#46afec`
RGB Decimal	70, 175, 236	`rgb(70,175,236)`
RGB Percent	27.5, 68.6, 92.5	`rgb(27.5%,68.6%,92.5%)`
CMYK	70, 26, 0, 7
HSL	202°, 81.4, 60	`hsl(202,81.4%,60%)`
HSV (or HSB)	202°, 70.3, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.032, -10.813, -39.237
XYZ	32.992, 38.015, 84.951
xyY	0.212, 0.244, 38.015
CIE-LCH	68.032, 40.699, 254.593
CIE-LUV	68.032, -38.953, -61.563
Hunter-Lab	61.657, -12.384, -38.531
Binary	01000110, 10101111, 11101100

#46afec
```
#46afec rgb(70,175,236)
```
#ec8346
```
#ec8346 rgb(236,131,70)
```

Complementary Color

#46ecd6
```
#46ecd6 rgb(70,236,214)
```
#46afec
```
#46afec rgb(70,175,236)
```
#465cec
```
#465cec rgb(70,92,236)
```

Analogous Color

#ecd646
```
#ecd646 rgb(236,214,70)
```
#46afec
```
#46afec rgb(70,175,236)
```
#ec465c
```
#ec465c rgb(236,70,92)
```

Split Complementary Color

#afec46
```
#afec46 rgb(175,236,70)
```
#46afec
```
#46afec rgb(70,175,236)
```
#ec46af
```
#ec46af rgb(236,70,175)
```

Triadic Color

#46ec83
```
#46ec83 rgb(70,236,131)
```
#46afec
```
#46afec rgb(70,175,236)
```
#ec46af
```
#ec46af rgb(236,70,175)
```
#ec8346
```
#ec8346 rgb(236,131,70)
```

Tetradic Color

#158cd0
```
#158cd0 rgb(21,140,208)
```
#189be7
```
#189be7 rgb(24,155,231)
```
#2fa5ea
```
#2fa5ea rgb(47,165,234)
```
#46afec
```
#46afec rgb(70,175,236)
```
#5db9ee
```
#5db9ee rgb(93,185,238)
```
#74c3f1
```
#74c3f1 rgb(116,195,241)
```
#8bcdf3
```
#8bcdf3 rgb(139,205,243)
```

Monochromatic Color

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

#46d9ec
```
#46d9ec rgb(70,217,236)
```
#46cbec
```
#46cbec rgb(70,203,236)
```
#46bdec
```
#46bdec rgb(70,189,236)
```
#46afec
```
#46afec rgb(70,175,236)
```
#46a1ec
```
#46a1ec rgb(70,161,236)
```
#4693ec
```
#4693ec rgb(70,147,236)
```
#4686ec
```
#4686ec rgb(70,134,236)
```

Similar Colors

Text with hexadecimal color #46afec

This text has a font color of #46afec.

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

#46afec background color

This paragraph has a background color of #46afec.

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

#46afec border color

This element has a border color of #46afec.

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

CSS codes

.text {color:#46afec;}

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

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

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, #01070b is the darkest color, while #f8fcfe is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#03131c
```
#03131c rgb(3,19,28)
```
#051f2e
```
#051f2e rgb(5,31,46)
```
#072b40
```
#072b40 rgb(7,43,64)
```
#083752
```
#083752 rgb(8,55,82)
```
#0a4364
```
#0a4364 rgb(10,67,100)
```
#0c4f75
```
#0c4f75 rgb(12,79,117)
```
#0e5b87
```
#0e5b87 rgb(14,91,135)
```
#106799
```
#106799 rgb(16,103,153)
```
#1272ab
```
#1272ab rgb(18,114,171)
```
#137ebd
```
#137ebd rgb(19,126,189)
```
#158ace
```
#158ace rgb(21,138,206)
```
#1796e0
```
#1796e0 rgb(23,150,224)
```

Shade Color Variation

#22a0e8
```
#22a0e8 rgb(34,160,232)
```
#34a7ea
```
#34a7ea rgb(52,167,234)
```
#46afec
```
#46afec rgb(70,175,236)
```
#58b7ee
```
#58b7ee rgb(88,183,238)
```
#6abef0
```
#6abef0 rgb(106,190,240)
```
#7bc6f1
```
#7bc6f1 rgb(123,198,241)
```
#8dcef3
```
#8dcef3 rgb(141,206,243)
```
#9fd5f5
```
#9fd5f5 rgb(159,213,245)
```
#b1ddf7
```
#b1ddf7 rgb(177,221,247)
```
#c3e5f9
```
#c3e5f9 rgb(195,229,249)
```
#d4edfb
```
#d4edfb rgb(212,237,251)
```
#e6f4fc
```
#e6f4fc rgb(230,244,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949a9e is the less saturated color, while #36b3fc is the most saturated one.

#949a9e
```
#949a9e rgb(148,154,158)
```
#8d9ca5
```
#8d9ca5 rgb(141,156,165)
```
#859ead
```
#859ead rgb(133,158,173)
```
#7da0b5
```
#7da0b5 rgb(125,160,181)
```
#75a3bd
```
#75a3bd rgb(117,163,189)
```
#6da5c5
```
#6da5c5 rgb(109,165,197)
```
#65a7cd
```
#65a7cd rgb(101,167,205)
```
#5ea9d4
```
#5ea9d4 rgb(94,169,212)
```
#56abdc
```
#56abdc rgb(86,171,220)
```
#4eade4
```
#4eade4 rgb(78,173,228)
```
#46afec
```
#46afec rgb(70,175,236)
```
#3eb1f4
```
#3eb1f4 rgb(62,177,244)
```
#36b3fc
```
#36b3fc rgb(54,179,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#879ca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a8e5 Protanopia 1% of men
#8aa9f0 Deuteranopia 1% of men
#28bac8 Tritanopia 0.001% of the population

Trichromacy

#79aae7 Protanomaly 1% of men, 0.01% of women
#71abef Deuteranomaly 6% of men, 0.4% of women
#33b6d5 Tritanomaly 0.01% of the population

#46afec hex color

#46afec Color Information

#46afec Color Conversion

Color Schemes with #46afec

Alternatives to #46afec

#46afec Preview

Shades and Tints of #46afec

Tones of #46afec

Color Blindness Simulator