#2ec3ff Color Information
In a RGB color space, hex #2ec3ff is composed of 18% red, 76.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 23.5% magenta, 0% yellow and 0% black. It has a hue angle of 197.2 degrees, a saturation of 100% and a lightness of 59%. #2ec3ff color hex could be obtained by blending #5cffff with #0087ff. Closest websafe color is: #33ccff.
-
- R 18
- G 76
- B 100
-
- C 82
- M 24
- Y 0
- K 0
● #2ec3ff color description : Vivid blue.
#2ec3ff Color Conversion
The hexadecimal color #2ec3ff has RGB values of R:46, G:195, B:255 and CMYK values of C:0.82, M:0.24, Y:0, K:0. Its decimal value is 3064831.
Hex triplet | 2ec3ff | #2ec3ff |
---|---|---|
RGB Decimal | 46, 195, 255 | rgb(46,195,255) |
RGB Percent | 18, 76.5, 100 | rgb(18%,76.5%,100%) |
CMYK | 82, 24, 0, 0 | |
HSL | 197.2°, 100, 59 | hsl(197.2,100%,59%) |
HSV (or HSB) | 197.2°, 82, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 74.079, -17.723, -40.13 |
---|---|
XYZ | 38.687, 46.827, 101.602 |
xyY | 0.207, 0.25, 46.827 |
CIE-LCH | 74.079, 43.869, 246.171 |
CIE-LUV | 74.079, -48.039, -62.969 |
Hunter-Lab | 68.431, -18.839, -40.129 |
Binary | 00101110, 11000011, 11111111 |
Color Schemes with #2ec3ff
Alternatives to #2ec3ff
Below, you can see some colors close to #2ec3ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ec3ff Preview
This text has a font color of #2ec3ff.
<span style="color:#2ec3ff;">Text here</span>
This paragraph has a background color of #2ec3ff.
<p style="background-color:#2ec3ff;">Content here</p>
This element has a border color of #2ec3ff.
<div style="border:1px solid #2ec3ff;">Content here</div>
.text {color:#2ec3ff;}
.background {background-color:#2ec3ff;}
.border {border:1px solid #2ec3ff;}
Shades and Tints of #2ec3ff
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, #000507 is the darkest color, while #f2fbff is the lightest one.
-
#000507
#000507
rgb(0,5,7)
-
#00131a
#00131a
rgb(0,19,26)
-
#00212e
#00212e
rgb(0,33,46)
-
#002f42
#002f42
rgb(0,47,66)
-
#003d55
#003d55
rgb(0,61,85)
-
#004b69
#004b69
rgb(0,75,105)
-
#00597c
#00597c
rgb(0,89,124)
-
#006790
#006790
rgb(0,103,144)
-
#0075a4
#0075a4
rgb(0,117,164)
-
#0083b7
#0083b7
rgb(0,131,183)
-
#0091cb
#0091cb
rgb(0,145,203)
-
#009fdf
#009fdf
rgb(0,159,223)
-
#00adf2
#00adf2
rgb(0,173,242)
-
#07b8ff
#07b8ff
rgb(7,184,255)
-
#1abdff
#1abdff
rgb(26,189,255)
-
#2ec3ff
#2ec3ff
rgb(46,195,255)
-
#42c9ff
#42c9ff
rgb(66,201,255)
-
#55ceff
#55ceff
rgb(85,206,255)
-
#69d4ff
#69d4ff
rgb(105,212,255)
-
#7cdaff
#7cdaff
rgb(124,218,255)
-
#90dfff
#90dfff
rgb(144,223,255)
-
#a4e5ff
#a4e5ff
rgb(164,229,255)
-
#b7eaff
#b7eaff
rgb(183,234,255)
-
#cbf0ff
#cbf0ff
rgb(203,240,255)
-
#dff6ff
#dff6ff
rgb(223,246,255)
-
#f2fbff
#f2fbff
rgb(242,251,255)
Tones of #2ec3ff
A tone is produced by adding gray to any pure hue. In this case, #8e9a9f is the less saturated color, while #2ec3ff is the most saturated one.
-
#8e9a9f
#8e9a9f
rgb(142,154,159)
-
#869da7
#869da7
rgb(134,157,167)
-
#7ea1af
#7ea1af
rgb(126,161,175)
-
#76a4b7
#76a4b7
rgb(118,164,183)
-
#6ea8bf
#6ea8bf
rgb(110,168,191)
-
#66abc7
#66abc7
rgb(102,171,199)
-
#5eaecf
#5eaecf
rgb(94,174,207)
-
#56b2d7
#56b2d7
rgb(86,178,215)
-
#4eb5df
#4eb5df
rgb(78,181,223)
-
#46b9e7
#46b9e7
rgb(70,185,231)
-
#3ebcef
#3ebcef
rgb(62,188,239)
-
#36c0f7
#36c0f7
rgb(54,192,247)
-
#2ec3ff
#2ec3ff
rgb(46,195,255)
Color Blindness Simulator
Below, you can see how #2ec3ff 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.