#46d4f2 Color Information
In a RGB color space, hex #46d4f2 is composed of 27.5% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 190.5 degrees, a saturation of 86.9% and a lightness of 61.2%. #46d4f2 color hex could be obtained by blending #8cffff with #00a9e5. Closest websafe color is: #33ccff.
-
- R 27
- G 83
- B 95
-
- C 71
- M 12
- Y 0
- K 5
● #46d4f2 color description : Bright cyan.
#46d4f2 Color Conversion
The hexadecimal color #46d4f2 has RGB values of R:70, G:212, B:242 and CMYK values of C:0.71, M:0.12, Y:0, K:0.05. Its decimal value is 4642034.
| Hex triplet | 46d4f2 | #46d4f2 |
|---|---|---|
| RGB Decimal | 70, 212, 242 | rgb(70,212,242) |
| RGB Percent | 27.5, 83.1, 94.9 | rgb(27.5%,83.1%,94.9%) |
| CMYK | 71, 12, 0, 5 | |
| HSL | 190.5°, 86.9, 61.2 | hsl(190.5,86.9%,61.2%) |
| HSV (or HSB) | 190.5°, 71.1, 94.9 | |
| Web Safe | 33ccff | #33ccff |
| CIE-LAB | 78.924, -28.038, -25.661 |
|---|---|
| XYZ | 42.092, 54.796, 92.358 |
| xyY | 0.222, 0.29, 54.796 |
| CIE-LCH | 78.924, 38.008, 222.464 |
| CIE-LUV | 78.924, -51.601, -37.095 |
| Hunter-Lab | 74.024, -28.044, -22.157 |
| Binary | 01000110, 11010100, 11110010 |
Color Schemes with #46d4f2
Alternatives to #46d4f2
Below, you can see some colors close to #46d4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#46d4f2 Preview
This text has a font color of #46d4f2.
<span style="color:#46d4f2;">Text here</span>
This paragraph has a background color of #46d4f2.
<p style="background-color:#46d4f2;">Content here</p>
This element has a border color of #46d4f2.
<div style="border:1px solid #46d4f2;">Content here</div>
.text {color:#46d4f2;}
.background {background-color:#46d4f2;}
.border {border:1px solid #46d4f2;}
Shades and Tints of #46d4f2
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) -
#021d23
#021d23rgb(2,29,35) -
#042d35
#042d35rgb(4,45,53) -
#053c48
#053c48rgb(5,60,72) -
#064b5a
#064b5argb(6,75,90) -
#085b6c
#085b6crgb(8,91,108) -
#096a7f
#096a7frgb(9,106,127) -
#0a7991
#0a7991rgb(10,121,145) -
#0b89a3
#0b89a3rgb(11,137,163) -
#0d98b6
#0d98b6rgb(13,152,182) -
#0ea7c8
#0ea7c8rgb(14,167,200) -
#0fb7da
#0fb7dargb(15,183,218) -
#11c6ed
#11c6edrgb(17,198,237)
-
#21cbef
#21cbefrgb(33,203,239) -
#34d0f1
#34d0f1rgb(52,208,241) -
#46d4f2
#46d4f2rgb(70,212,242) -
#58d8f3
#58d8f3rgb(88,216,243) -
#6bddf5
#6bddf5rgb(107,221,245) -
#7de1f6
#7de1f6rgb(125,225,246) -
#8fe5f7
#8fe5f7rgb(143,229,247) -
#a2e9f8
#a2e9f8rgb(162,233,248) -
#b4eefa
#b4eefargb(180,238,250) -
#c6f2fb
#c6f2fbrgb(198,242,251) -
#d9f6fc
#d9f6fcrgb(217,246,252) -
#ebfafe
#ebfafergb(235,250,254) -
#fdffff
#fdffffrgb(253,255,255)
Tones of #46d4f2
A tone is produced by adding gray to any pure hue. In this case, #9a9d9e is the less saturated color, while #3ed9fa is the most saturated one.
-
#9a9d9e
#9a9d9ergb(154,157,158) -
#92a2a6
#92a2a6rgb(146,162,166) -
#8ba7ad
#8ba7adrgb(139,167,173) -
#83acb5
#83acb5rgb(131,172,181) -
#7bb1bd
#7bb1bdrgb(123,177,189) -
#74b6c4
#74b6c4rgb(116,182,196) -
#6cbbcc
#6cbbccrgb(108,187,204) -
#64c0d4
#64c0d4rgb(100,192,212) -
#5dc5db
#5dc5dbrgb(93,197,219) -
#55cae3
#55cae3rgb(85,202,227) -
#4ecfea
#4ecfeargb(78,207,234) -
#46d4f2
#46d4f2rgb(70,212,242) -
#3ed9fa
#3ed9fargb(62,217,250)
Color Blindness Simulator
Below, you can see how #46d4f2 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.
