#46afdd hex color

In a RGB color space, hex #46afdd is composed of 27.5% red, 68.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 20.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 198.3 degrees, a saturation of 68.9% and a lightness of 57.1%. #46afdd color hex could be obtained by blending #8cffff with #005fbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 69
- B 87
RGB color chart
- C 68
- M 21
- Y 0
- K 13
CMYK color chart

● #46afdd color description : Soft blue.

The hexadecimal color #46afdd has RGB values of R:70, G:175, B:221 and CMYK values of C:0.68, M:0.21, Y:0, K:0.13. Its decimal value is 4632541.

Hex triplet	46afdd	`#46afdd`
RGB Decimal	70, 175, 221	`rgb(70,175,221)`
RGB Percent	27.5, 68.6, 86.7	`rgb(27.5%,68.6%,86.7%)`
CMYK	68, 21, 0, 13
HSL	198.3°, 68.9, 57.1	`hsl(198.3,68.9%,57.1%)`
HSV (or HSB)	198.3°, 68.3, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.412, -15.717, -31.988
XYZ	30.904, 37.18, 73.95
xyY	0.218, 0.262, 37.18
CIE-LCH	67.412, 35.641, 243.833
CIE-LUV	67.412, -39.712, -48.6
Hunter-Lab	60.975, -16.24, -29.224
Binary	01000110, 10101111, 11011101

#46afdd
```
#46afdd rgb(70,175,221)
```
#dd7446
```
#dd7446 rgb(221,116,70)
```

Complementary Color

#46ddc0
```
#46ddc0 rgb(70,221,192)
```
#46afdd
```
#46afdd rgb(70,175,221)
```
#4663dd
```
#4663dd rgb(70,99,221)
```

Analogous Color

#ddc046
```
#ddc046 rgb(221,192,70)
```
#46afdd
```
#46afdd rgb(70,175,221)
```
#dd4663
```
#dd4663 rgb(221,70,99)
```

Split Complementary Color

#afdd46
```
#afdd46 rgb(175,221,70)
```
#46afdd
```
#46afdd rgb(70,175,221)
```
#dd46af
```
#dd46af rgb(221,70,175)
```

Triadic Color

#46dd74
```
#46dd74 rgb(70,221,116)
```
#46afdd
```
#46afdd rgb(70,175,221)
```
#dd46af
```
#dd46af rgb(221,70,175)
```
#dd7446
```
#dd7446 rgb(221,116,70)
```

Tetradic Color

#2188b5
```
#2188b5 rgb(33,136,181)
```
#2598cb
```
#2598cb rgb(37,152,203)
```
#30a6d9
```
#30a6d9 rgb(48,166,217)
```
#46afdd
```
#46afdd rgb(70,175,221)
```
#5cb8e1
```
#5cb8e1 rgb(92,184,225)
```
#71c2e5
```
#71c2e5 rgb(113,194,229)
```
#87cbe9
```
#87cbe9 rgb(135,203,233)
```

Monochromatic Color

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

#46d5dd
```
#46d5dd rgb(70,213,221)
```
#46c8dd
```
#46c8dd rgb(70,200,221)
```
#46bcdd
```
#46bcdd rgb(70,188,221)
```
#46afdd
```
#46afdd rgb(70,175,221)
```
#46a2dd
```
#46a2dd rgb(70,162,221)
```
#4696dd
```
#4696dd rgb(70,150,221)
```
#4689dd
```
#4689dd rgb(70,137,221)
```

Similar Colors

Text with hexadecimal color #46afdd

This text has a font color of #46afdd.

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

#46afdd background color

This paragraph has a background color of #46afdd.

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

#46afdd border color

This element has a border color of #46afdd.

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

CSS codes

.text {color:#46afdd;}

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

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

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, #030a0e is the darkest color, while #fcfefe is the lightest one.

#030a0e
```
#030a0e rgb(3,10,14)
```
#06171e
```
#06171e rgb(6,23,30)
```
#09232f
```
#09232f rgb(9,35,47)
```
#0c3040
```
#0c3040 rgb(12,48,64)
```
#0f3c50
```
#0f3c50 rgb(15,60,80)
```
#124961
```
#124961 rgb(18,73,97)
```
#155571
```
#155571 rgb(21,85,113)
```
#186282
```
#186282 rgb(24,98,130)
```
#1b6e92
```
#1b6e92 rgb(27,110,146)
```
#1e7aa3
```
#1e7aa3 rgb(30,122,163)
```
#2187b4
```
#2187b4 rgb(33,135,180)
```
#2493c4
```
#2493c4 rgb(36,147,196)
```
#27a0d5
```
#27a0d5 rgb(39,160,213)
```

Shade Color Variation

#35a8da
```
#35a8da rgb(53,168,218)
```
#46afdd
```
#46afdd rgb(70,175,221)
```
#57b6e0
```
#57b6e0 rgb(87,182,224)
```
#67bde3
```
#67bde3 rgb(103,189,227)
```
#78c4e6
```
#78c4e6 rgb(120,196,230)
```
#88cce9
```
#88cce9 rgb(136,204,233)
```
#99d3ec
```
#99d3ec rgb(153,211,236)
```
#a9daef
```
#a9daef rgb(169,218,239)
```
#bae1f2
```
#bae1f2 rgb(186,225,242)
```
#cbe8f5
```
#cbe8f5 rgb(203,232,245)
```
#dbeff8
```
#dbeff8 rgb(219,239,248)
```
#ecf7fb
```
#ecf7fb rgb(236,247,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89959a is the less saturated color, while #24bcff is the most saturated one.

#89959a
```
#89959a rgb(137,149,154)
```
#8198a2
```
#8198a2 rgb(129,152,162)
```
#799baa
```
#799baa rgb(121,155,170)
```
#709fb3
```
#709fb3 rgb(112,159,179)
```
#68a2bb
```
#68a2bb rgb(104,162,187)
```
#5fa5c4
```
#5fa5c4 rgb(95,165,196)
```
#57a8cc
```
#57a8cc rgb(87,168,204)
```
#4eacd5
```
#4eacd5 rgb(78,172,213)
```
#46afdd
```
#46afdd rgb(70,175,221)
```
#3eb2e5
```
#3eb2e5 rgb(62,178,229)
```
#35b6ee
```
#35b6ee rgb(53,182,238)
```
#2db9f6
```
#2db9f6 rgb(45,185,246)
```
#24bcff
```
#24bcff rgb(36,188,255)
```

Tone Color Variation

Below, you can see how #46afdd 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
#859aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba7d6 Protanopia 1% of men
#94a7e3 Deuteranopia 1% of men
#3ab7c5 Tritanopia 0.001% of the population

Trichromacy

#7ca9d8 Protanomaly 1% of men, 0.01% of women
#77a9e1 Deuteranomaly 6% of men, 0.4% of women
#3eb4cd Tritanomaly 0.01% of the population

#46afdd hex color

#46afdd Color Information

#46afdd Color Conversion

Color Schemes with #46afdd

Alternatives to #46afdd

#46afdd Preview

Shades and Tints of #46afdd

Tones of #46afdd

Color Blindness Simulator