#46d8f2 Color Information
In a RGB color space, hex #46d8f2 is composed of 27.5% red, 84.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 10.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 189.1 degrees, a saturation of 86.9% and a lightness of 61.2%. #46d8f2 color hex could be obtained by blending #8cffff with #00b1e5. Closest websafe color is: #33ccff.
-
- R 27
- G 85
- B 95
-
- C 71
- M 11
- Y 0
- K 5
● #46d8f2 color description : Bright cyan.
#46d8f2 Color Conversion
The hexadecimal color #46d8f2 has RGB values of R:70, G:216, B:242 and CMYK values of C:0.71, M:0.11, Y:0, K:0.05. Its decimal value is 4643058.
| Hex triplet | 46d8f2 | #46d8f2 |
|---|---|---|
| RGB Decimal | 70, 216, 242 | rgb(70,216,242) |
| RGB Percent | 27.5, 84.7, 94.9 | rgb(27.5%,84.7%,94.9%) |
| CMYK | 71, 11, 0, 5 | |
| HSL | 189.1°, 86.9, 61.2 | hsl(189.1,86.9%,61.2%) |
| HSV (or HSB) | 189.1°, 71.1, 94.9 | |
| Web Safe | 33ccff | #33ccff |
| CIE-LAB | 80.079, -29.986, -23.899 |
|---|---|
| XYZ | 43.104, 56.821, 92.695 |
| xyY | 0.224, 0.295, 56.821 |
| CIE-LCH | 80.079, 38.345, 218.556 |
| CIE-LUV | 80.079, -53.004, -33.893 |
| Hunter-Lab | 75.38, -29.843, -20.144 |
| Binary | 01000110, 11011000, 11110010 |
Color Schemes with #46d8f2
Alternatives to #46d8f2
Below, you can see some colors close to #46d8f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#46d8f2 Preview
This text has a font color of #46d8f2.
<span style="color:#46d8f2;">Text here</span>
This paragraph has a background color of #46d8f2.
<p style="background-color:#46d8f2;">Content here</p>
This element has a border color of #46d8f2.
<div style="border:1px solid #46d8f2;">Content here</div>
.text {color:#46d8f2;}
.background {background-color:#46d8f2;}
.border {border:1px solid #46d8f2;}
Shades and Tints of #46d8f2
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) -
#042e35
#042e35rgb(4,46,53) -
#053e48
#053e48rgb(5,62,72) -
#064d5a
#064d5argb(6,77,90) -
#085d6c
#085d6crgb(8,93,108) -
#096d7f
#096d7frgb(9,109,127) -
#0a7d91
#0a7d91rgb(10,125,145) -
#0b8ca3
#0b8ca3rgb(11,140,163) -
#0d9cb6
#0d9cb6rgb(13,156,182) -
#0eacc8
#0eacc8rgb(14,172,200) -
#0fbcda
#0fbcdargb(15,188,218) -
#11cbed
#11cbedrgb(17,203,237)
-
#21d0ef
#21d0efrgb(33,208,239) -
#34d4f1
#34d4f1rgb(52,212,241) -
#46d8f2
#46d8f2rgb(70,216,242) -
#58dcf3
#58dcf3rgb(88,220,243) -
#6be0f5
#6be0f5rgb(107,224,245) -
#7de4f6
#7de4f6rgb(125,228,246) -
#8fe7f7
#8fe7f7rgb(143,231,247) -
#a2ebf8
#a2ebf8rgb(162,235,248) -
#b4effa
#b4effargb(180,239,250) -
#c6f3fb
#c6f3fbrgb(198,243,251) -
#d9f7fc
#d9f7fcrgb(217,247,252) -
#ebfbfe
#ebfbfergb(235,251,254) -
#fdffff
#fdffffrgb(253,255,255)
Tones of #46d8f2
A tone is produced by adding gray to any pure hue. In this case, #9a9e9e is the less saturated color, while #3eddfa 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) -
#7bb3bd
#7bb3bdrgb(123,179,189) -
#74b8c4
#74b8c4rgb(116,184,196) -
#6cbdcc
#6cbdccrgb(108,189,204) -
#64c3d4
#64c3d4rgb(100,195,212) -
#5dc8db
#5dc8dbrgb(93,200,219) -
#55cde3
#55cde3rgb(85,205,227) -
#4ed3ea
#4ed3eargb(78,211,234) -
#46d8f2
#46d8f2rgb(70,216,242) -
#3eddfa
#3eddfargb(62,221,250)
Color Blindness Simulator
Below, you can see how #46d8f2 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.
