#46b2f2 Color Information
In a RGB color space, hex #46b2f2 is composed of 27.5% red, 69.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 26.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 202.3 degrees, a saturation of 86.9% and a lightness of 61.2%. #46b2f2 color hex could be obtained by blending #8cffff with #0065e5. Closest websafe color is: #3399ff.
-
- R 27
- G 70
- B 95
-
- C 71
- M 26
- Y 0
- K 5
● #46b2f2 color description : Bright blue.
#46b2f2 Color Conversion
The hexadecimal color #46b2f2 has RGB values of R:70, G:178, B:242 and CMYK values of C:0.71, M:0.26, Y:0, K:0.05. Its decimal value is 4633330.
Hex triplet | 46b2f2 | #46b2f2 |
---|---|---|
RGB Decimal | 70, 178, 242 | rgb(70,178,242) |
RGB Percent | 27.5, 69.8, 94.9 | rgb(27.5%,69.8%,94.9%) |
CMYK | 71, 26, 0, 5 | |
HSL | 202.3°, 86.9, 61.2 | hsl(202.3,86.9%,61.2%) |
HSV (or HSB) | 202.3°, 71.1, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 69.148, -10.458, -40.762 |
---|---|
XYZ | 34.469, 39.551, 89.817 |
xyY | 0.21, 0.241, 39.551 |
CIE-LCH | 69.148, 42.082, 255.611 |
CIE-LUV | 69.148, -39.699, -64.351 |
Hunter-Lab | 62.889, -12.222, -40.654 |
Binary | 01000110, 10110010, 11110010 |
Color Schemes with #46b2f2
Alternatives to #46b2f2
Below, you can see some colors close to #46b2f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#46b2f2 Preview
This text has a font color of #46b2f2.
<span style="color:#46b2f2;">Text here</span>
This paragraph has a background color of #46b2f2.
<p style="background-color:#46b2f2;">Content here</p>
This element has a border color of #46b2f2.
<div style="border:1px solid #46b2f2;">Content here</div>
.text {color:#46b2f2;}
.background {background-color:#46b2f2;}
.border {border:1px solid #46b2f2;}
Shades and Tints of #46b2f2
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, #010b11 is the darkest color, while #fdfeff is the lightest one.
-
#010b11
#010b11
rgb(1,11,17)
-
#021723
#021723
rgb(2,23,35)
-
#042335
#042335
rgb(4,35,53)
-
#052f48
#052f48
rgb(5,47,72)
-
#063b5a
#063b5a
rgb(6,59,90)
-
#08476c
#08476c
rgb(8,71,108)
-
#09537f
#09537f
rgb(9,83,127)
-
#0a5f91
#0a5f91
rgb(10,95,145)
-
#0b6ba3
#0b6ba3
rgb(11,107,163)
-
#0d77b6
#0d77b6
rgb(13,119,182)
-
#0e83c8
#0e83c8
rgb(14,131,200)
-
#0f8fda
#0f8fda
rgb(15,143,218)
-
#119bed
#119bed
rgb(17,155,237)
-
#21a3ef
#21a3ef
rgb(33,163,239)
-
#34aaf1
#34aaf1
rgb(52,170,241)
-
#46b2f2
#46b2f2
rgb(70,178,242)
-
#58baf3
#58baf3
rgb(88,186,243)
-
#6bc1f5
#6bc1f5
rgb(107,193,245)
-
#7dc9f6
#7dc9f6
rgb(125,201,246)
-
#8fd1f7
#8fd1f7
rgb(143,209,247)
-
#a2d8f8
#a2d8f8
rgb(162,216,248)
-
#b4e0fa
#b4e0fa
rgb(180,224,250)
-
#c6e7fb
#c6e7fb
rgb(198,231,251)
-
#d9effc
#d9effc
rgb(217,239,252)
-
#ebf7fe
#ebf7fe
rgb(235,247,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #46b2f2
A tone is produced by adding gray to any pure hue. In this case, #9a9d9e is the less saturated color, while #3eb4fa is the most saturated one.
-
#9a9d9e
#9a9d9e
rgb(154,157,158)
-
#929fa6
#929fa6
rgb(146,159,166)
-
#8ba0ad
#8ba0ad
rgb(139,160,173)
-
#83a2b5
#83a2b5
rgb(131,162,181)
-
#7ba4bd
#7ba4bd
rgb(123,164,189)
-
#74a6c4
#74a6c4
rgb(116,166,196)
-
#6ca8cc
#6ca8cc
rgb(108,168,204)
-
#64aad4
#64aad4
rgb(100,170,212)
-
#5dacdb
#5dacdb
rgb(93,172,219)
-
#55aee3
#55aee3
rgb(85,174,227)
-
#4eb0ea
#4eb0ea
rgb(78,176,234)
-
#46b2f2
#46b2f2
rgb(70,178,242)
-
#3eb4fa
#3eb4fa
rgb(62,180,250)
Color Blindness Simulator
Below, you can see how #46b2f2 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.