#46bafe hex color

In a RGB color space, hex #46bafe is composed of 27.5% red, 72.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 26.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 202.2 degrees, a saturation of 98.9% and a lightness of 63.5%. #46bafe color hex could be obtained by blending #8cffff with #0075fd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 73
- B 100
RGB color chart
- C 72
- M 27
- Y 0
- K 0
CMYK color chart

● #46bafe color description : Bright blue.

The hexadecimal color #46bafe has RGB values of R:70, G:186, B:254 and CMYK values of C:0.72, M:0.27, Y:0, K:0. Its decimal value is 4635390.

Hex triplet	46bafe	`#46bafe`
RGB Decimal	70, 186, 254	`rgb(70,186,254)`
RGB Percent	27.5, 72.9, 99.6	`rgb(27.5%,72.9%,99.6%)`
CMYK	72, 27, 0, 0
HSL	202.2°, 98.9, 63.5	`hsl(202.2,98.9%,63.5%)`
HSV (or HSB)	202.2°, 72.4, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.942, -10.815, -42.892
XYZ	37.97, 43.573, 100.17
xyY	0.209, 0.24, 43.573
CIE-LCH	71.942, 44.235, 255.848
CIE-LUV	71.942, -41.849, -68.317
Hunter-Lab	66.009, -12.841, -43.766
Binary	01000110, 10111010, 11111110

#46bafe
```
#46bafe rgb(70,186,254)
```
#fe8a46
```
#fe8a46 rgb(254,138,70)
```

Complementary Color

#46fee6
```
#46fee6 rgb(70,254,230)
```
#46bafe
```
#46bafe rgb(70,186,254)
```
#465efe
```
#465efe rgb(70,94,254)
```

Analogous Color

#fee646
```
#fee646 rgb(254,230,70)
```
#46bafe
```
#46bafe rgb(70,186,254)
```
#fe465e
```
#fe465e rgb(254,70,94)
```

Split Complementary Color

#bafe46
```
#bafe46 rgb(186,254,70)
```
#46bafe
```
#46bafe rgb(70,186,254)
```
#fe46ba
```
#fe46ba rgb(254,70,186)
```

Triadic Color

#46fe8a
```
#46fe8a rgb(70,254,138)
```
#46bafe
```
#46bafe rgb(70,186,254)
```
#fe46ba
```
#fe46ba rgb(254,70,186)
```
#fe8a46
```
#fe8a46 rgb(254,138,70)
```

Tetradic Color

#019cf6
```
#019cf6 rgb(1,156,246)
```
#13a7fe
```
#13a7fe rgb(19,167,254)
```
#2db1fe
```
#2db1fe rgb(45,177,254)
```
#46bafe
```
#46bafe rgb(70,186,254)
```
#5fc3fe
```
#5fc3fe rgb(95,195,254)
```
#79cdfe
```
#79cdfe rgb(121,205,254)
```
#92d6fe
```
#92d6fe rgb(146,214,254)
```

Monochromatic Color

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

#46e8fe
```
#46e8fe rgb(70,232,254)
```
#46d9fe
```
#46d9fe rgb(70,217,254)
```
#46c9fe
```
#46c9fe rgb(70,201,254)
```
#46bafe
```
#46bafe rgb(70,186,254)
```
#46abfe
```
#46abfe rgb(70,171,254)
```
#469bfe
```
#469bfe rgb(70,155,254)
```
#468cfe
```
#468cfe rgb(70,140,254)
```

Similar Colors

Text with hexadecimal color #46bafe

This text has a font color of #46bafe.

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

#46bafe background color

This paragraph has a background color of #46bafe.

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

#46bafe border color

This element has a border color of #46bafe.

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

CSS codes

.text {color:#46bafe;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00131e
```
#00131e rgb(0,19,30)
```
#001f31
```
#001f31 rgb(0,31,49)
```
#002b45
```
#002b45 rgb(0,43,69)
```
#003858
```
#003858 rgb(0,56,88)
```
#01446c
```
#01446c rgb(1,68,108)
```
#01507f
```
#01507f rgb(1,80,127)
```
#015d93
```
#015d93 rgb(1,93,147)
```
#0169a6
```
#0169a6 rgb(1,105,166)
```
#0175ba
```
#0175ba rgb(1,117,186)
```
#0182cd
```
#0182cd rgb(1,130,205)
```
#018ee1
```
#018ee1 rgb(1,142,225)
```
#019af4
```
#019af4 rgb(1,154,244)
```

Shade Color Variation

#0ba4fe
```
#0ba4fe rgb(11,164,254)
```
#1fabfe
```
#1fabfe rgb(31,171,254)
```
#32b3fe
```
#32b3fe rgb(50,179,254)
```
#46bafe
```
#46bafe rgb(70,186,254)
```
#5ac1fe
```
#5ac1fe rgb(90,193,254)
```
#6dc9fe
```
#6dc9fe rgb(109,201,254)
```
#81d0fe
```
#81d0fe rgb(129,208,254)
```
#94d7fe
```
#94d7fe rgb(148,215,254)
```
#a8deff
```
#a8deff rgb(168,222,255)
```
#bbe6ff
```
#bbe6ff rgb(187,230,255)
```
#cfedff
```
#cfedff rgb(207,237,255)
```
#e2f4ff
```
#e2f4ff rgb(226,244,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#9ca4a8
```
#9ca4a8 rgb(156,164,168)
```
#95a5af
```
#95a5af rgb(149,165,175)
```
#8ea7b6
```
#8ea7b6 rgb(142,167,182)
```
#86a9be
```
#86a9be rgb(134,169,190)
```
#7fabc5
```
#7fabc5 rgb(127,171,197)
```
#78adcc
```
#78adcc rgb(120,173,204)
```
#71afd3
```
#71afd3 rgb(113,175,211)
```
#6ab1da
```
#6ab1da rgb(106,177,218)
```
#63b3e1
```
#63b3e1 rgb(99,179,225)
```
#5bb4e9
```
#5bb4e9 rgb(91,180,233)
```
#54b6f0
```
#54b6f0 rgb(84,182,240)
```
#4db8f7
```
#4db8f7 rgb(77,184,247)
```
#46bafe
```
#46bafe rgb(70,186,254)
```

Tone Color Variation

Below, you can see how #46bafe 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
#8da4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb2f5 Protanopia 1% of men
#91b3ff Deuteranopia 1% of men
#09c5d4 Tritanopia 0.001% of the population

Trichromacy

#7eb4f8 Protanomaly 1% of men, 0.01% of women
#76b5fe Deuteranomaly 6% of men, 0.4% of women
#1fc1e3 Tritanomaly 0.01% of the population

#46bafe hex color

#46bafe Color Information

#46bafe Color Conversion

Color Schemes with #46bafe

Alternatives to #46bafe

#46bafe Preview

Shades and Tints of #46bafe

Tones of #46bafe

Color Blindness Simulator