#46d6f2 Color Information
In a RGB color space, hex #46d6f2 is composed of 27.5% red, 83.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 11.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.8 degrees, a saturation of 86.9% and a lightness of 61.2%. #46d6f2 color hex could be obtained by blending #8cffff with #00ade5. Closest websafe color is: #33ccff.
-
- R 27
- G 84
- B 95
-
- C 71
- M 12
- Y 0
- K 5
● #46d6f2 color description : Bright cyan.
#46d6f2 Color Conversion
The hexadecimal color #46d6f2 has RGB values of R:70, G:214, B:242 and CMYK values of C:0.71, M:0.12, Y:0, K:0.05. Its decimal value is 4642546.
| Hex triplet | 46d6f2 | #46d6f2 |
|---|---|---|
| RGB Decimal | 70, 214, 242 | rgb(70,214,242) |
| RGB Percent | 27.5, 83.9, 94.9 | rgb(27.5%,83.9%,94.9%) |
| CMYK | 71, 12, 0, 5 | |
| HSL | 189.8°, 86.9, 61.2 | hsl(189.8,86.9%,61.2%) |
| HSV (or HSB) | 189.8°, 71.1, 94.9 | |
| Web Safe | 33ccff | #33ccff |
| CIE-LAB | 79.501, -29.015, -24.779 |
|---|---|
| XYZ | 42.595, 55.802, 92.526 |
| xyY | 0.223, 0.292, 55.802 |
| CIE-LCH | 79.501, 38.156, 220.498 |
| CIE-LUV | 79.501, -52.302, -35.493 |
| Hunter-Lab | 74.701, -28.945, -21.147 |
| Binary | 01000110, 11010110, 11110010 |
Color Schemes with #46d6f2
Alternatives to #46d6f2
Below, you can see some colors close to #46d6f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#46d6f2 Preview
This text has a font color of #46d6f2.
<span style="color:#46d6f2;">Text here</span>
This paragraph has a background color of #46d6f2.
<p style="background-color:#46d6f2;">Content here</p>
This element has a border color of #46d6f2.
<div style="border:1px solid #46d6f2;">Content here</div>
.text {color:#46d6f2;}
.background {background-color:#46d6f2;}
.border {border:1px solid #46d6f2;}
Shades and Tints of #46d6f2
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, #010e11 is the darkest color, while #fdffff is the lightest one.
-
#010e11
#010e11rgb(1,14,17) -
#021e23
#021e23rgb(2,30,35) -
#042d35
#042d35rgb(4,45,53) -
#053d48
#053d48rgb(5,61,72) -
#064c5a
#064c5argb(6,76,90) -
#085c6c
#085c6crgb(8,92,108) -
#096b7f
#096b7frgb(9,107,127) -
#0a7b91
#0a7b91rgb(10,123,145) -
#0b8ba3
#0b8ba3rgb(11,139,163) -
#0d9ab6
#0d9ab6rgb(13,154,182) -
#0eaac8
#0eaac8rgb(14,170,200) -
#0fb9da
#0fb9dargb(15,185,218) -
#11c9ed
#11c9edrgb(17,201,237)
-
#21ceef
#21ceefrgb(33,206,239) -
#34d2f1
#34d2f1rgb(52,210,241) -
#46d6f2
#46d6f2rgb(70,214,242) -
#58daf3
#58daf3rgb(88,218,243) -
#6bdef5
#6bdef5rgb(107,222,245) -
#7de2f6
#7de2f6rgb(125,226,246) -
#8fe6f7
#8fe6f7rgb(143,230,247) -
#a2eaf8
#a2eaf8rgb(162,234,248) -
#b4eefa
#b4eefargb(180,238,250) -
#c6f2fb
#c6f2fbrgb(198,242,251) -
#d9f6fc
#d9f6fcrgb(217,246,252) -
#ebfbfe
#ebfbfergb(235,251,254) -
#fdffff
#fdffffrgb(253,255,255)
Tones of #46d6f2
A tone is produced by adding gray to any pure hue. In this case, #9a9e9e is the less saturated color, while #3edbfa is the most saturated one.
-
#9a9e9e
#9a9e9ergb(154,158,158) -
#92a3a6
#92a3a6rgb(146,163,166) -
#8ba8ad
#8ba8adrgb(139,168,173) -
#83adb5
#83adb5rgb(131,173,181) -
#7bb2bd
#7bb2bdrgb(123,178,189) -
#74b7c4
#74b7c4rgb(116,183,196) -
#6cbccc
#6cbcccrgb(108,188,204) -
#64c1d4
#64c1d4rgb(100,193,212) -
#5dc7db
#5dc7dbrgb(93,199,219) -
#55cce3
#55cce3rgb(85,204,227) -
#4ed1ea
#4ed1eargb(78,209,234) -
#46d6f2
#46d6f2rgb(70,214,242) -
#3edbfa
#3edbfargb(62,219,250)
Color Blindness Simulator
Below, you can see how #46d6f2 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.
