#46bdf2 hex color

In a RGB color space, hex #46bdf2 is composed of 27.5% red, 74.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 21.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.5 degrees, a saturation of 86.9% and a lightness of 61.2%. #46bdf2 color hex could be obtained by blending #8cffff with #007be5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 74
- B 95
RGB color chart
- C 71
- M 22
- Y 0
- K 5
CMYK color chart

● #46bdf2 color description : Bright blue.

The hexadecimal color #46bdf2 has RGB values of R:70, G:189, B:242 and CMYK values of C:0.71, M:0.22, Y:0, K:0.05. Its decimal value is 4636146.

Hex triplet	46bdf2	`#46bdf2`
RGB Decimal	70, 189, 242	`rgb(70,189,242)`
RGB Percent	27.5, 74.1, 94.9	`rgb(27.5%,74.1%,94.9%)`
CMYK	71, 22, 0, 5
HSL	198.5°, 86.9, 61.2	`hsl(198.5,86.9%,61.2%)`
HSV (or HSB)	198.5°, 71.1, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.299, -16.351, -35.858
XYZ	36.746, 44.105, 90.576
xyY	0.214, 0.257, 44.105
CIE-LCH	72.299, 39.41, 245.487
CIE-LUV	72.299, -43.532, -55.58
Hunter-Lab	66.412, -17.454, -34.375
Binary	01000110, 10111101, 11110010

#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#f27b46
```
#f27b46 rgb(242,123,70)
```

Complementary Color

#46f2d1
```
#46f2d1 rgb(70,242,209)
```
#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#4667f2
```
#4667f2 rgb(70,103,242)
```

Analogous Color

#f2d146
```
#f2d146 rgb(242,209,70)
```
#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#f24667
```
#f24667 rgb(242,70,103)
```

Split Complementary Color

#bdf246
```
#bdf246 rgb(189,242,70)
```
#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#f246bd
```
#f246bd rgb(242,70,189)
```

Triadic Color

#46f27b
```
#46f27b rgb(70,242,123)
```
#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#f246bd
```
#f246bd rgb(242,70,189)
```
#f27b46
```
#f27b46 rgb(242,123,70)
```

Tetradic Color

#0f9ddc
```
#0f9ddc rgb(15,157,220)
```
#16acef
```
#16acef rgb(22,172,239)
```
#2eb5f0
```
#2eb5f0 rgb(46,181,240)
```
#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#5ec6f4
```
#5ec6f4 rgb(94,198,244)
```
#76cef5
```
#76cef5 rgb(118,206,245)
```
#8dd7f7
```
#8dd7f7 rgb(141,215,247)
```

Monochromatic Color

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

#46e8f2
```
#46e8f2 rgb(70,232,242)
```
#46daf2
```
#46daf2 rgb(70,218,242)
```
#46cbf2
```
#46cbf2 rgb(70,203,242)
```
#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#46aff2
```
#46aff2 rgb(70,175,242)
```
#46a0f2
```
#46a0f2 rgb(70,160,242)
```
#4692f2
```
#4692f2 rgb(70,146,242)
```

Similar Colors

Text with hexadecimal color #46bdf2

This text has a font color of #46bdf2.

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

#46bdf2 background color

This paragraph has a background color of #46bdf2.

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

#46bdf2 border color

This element has a border color of #46bdf2.

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

CSS codes

.text {color:#46bdf2;}

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

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

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

#010c11
```
#010c11 rgb(1,12,17)
```
#021923
```
#021923 rgb(2,25,35)
```
#042635
```
#042635 rgb(4,38,53)
```
#053348
```
#053348 rgb(5,51,72)
```
#06405a
```
#06405a rgb(6,64,90)
```
#084d6c
```
#084d6c rgb(8,77,108)
```
#095a7f
```
#095a7f rgb(9,90,127)
```
#0a6791
```
#0a6791 rgb(10,103,145)
```
#0b74a3
```
#0b74a3 rgb(11,116,163)
```
#0d82b6
```
#0d82b6 rgb(13,130,182)
```
#0e8fc8
```
#0e8fc8 rgb(14,143,200)
```
#0f9cda
```
#0f9cda rgb(15,156,218)
```
#11a9ed
```
#11a9ed rgb(17,169,237)
```

Shade Color Variation

#21b0ef
```
#21b0ef rgb(33,176,239)
```
#34b6f1
```
#34b6f1 rgb(52,182,241)
```
#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#58c4f3
```
#58c4f3 rgb(88,196,243)
```
#6bcaf5
```
#6bcaf5 rgb(107,202,245)
```
#7dd1f6
```
#7dd1f6 rgb(125,209,246)
```
#8fd7f7
```
#8fd7f7 rgb(143,215,247)
```
#a2def8
```
#a2def8 rgb(162,222,248)
```
#b4e4fa
```
#b4e4fa rgb(180,228,250)
```
#c6ebfb
```
#c6ebfb rgb(198,235,251)
```
#d9f1fc
```
#d9f1fc rgb(217,241,252)
```
#ebf8fe
```
#ebf8fe rgb(235,248,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9d9e is the less saturated color, while #3ec0fa is the most saturated one.

#9a9d9e
```
#9a9d9e rgb(154,157,158)
```
#92a0a6
```
#92a0a6 rgb(146,160,166)
```
#8ba3ad
```
#8ba3ad rgb(139,163,173)
```
#83a6b5
```
#83a6b5 rgb(131,166,181)
```
#7ba9bd
```
#7ba9bd rgb(123,169,189)
```
#74abc4
```
#74abc4 rgb(116,171,196)
```
#6caecc
```
#6caecc rgb(108,174,204)
```
#64b1d4
```
#64b1d4 rgb(100,177,212)
```
#5db4db
```
#5db4db rgb(93,180,219)
```
#55b7e3
```
#55b7e3 rgb(85,183,227)
```
#4ebaea
```
#4ebaea rgb(78,186,234)
```
#46bdf2
```
#46bdf2 rgb(70,189,242)
```
#3ec0fa
```
#3ec0fa rgb(62,192,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8da5b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b3e9 Protanopia 1% of men
#9bb3f7 Deuteranopia 1% of men
#30c6d4 Tritanopia 0.001% of the population

Trichromacy

#82b6ec Protanomaly 1% of men, 0.01% of women
#7cb7f5 Deuteranomaly 6% of men, 0.4% of women
#38c2df Tritanomaly 0.01% of the population

#46bdf2 hex color

#46bdf2 Color Information

#46bdf2 Color Conversion

Color Schemes with #46bdf2

Alternatives to #46bdf2

#46bdf2 Preview

Shades and Tints of #46bdf2

Tones of #46bdf2

Color Blindness Simulator