#3ecaf2 Color Information
In a RGB color space, hex #3ecaf2 is composed of 24.3% red, 79.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 16.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 193.3 degrees, a saturation of 87.4% and a lightness of 59.6%. #3ecaf2 color hex could be obtained by blending #7cffff with #0095e5. Closest websafe color is: #33ccff.
-
- R 24
- G 79
- B 95
-
- C 74
- M 17
- Y 0
- K 5
● #3ecaf2 color description : Bright cyan.
#3ecaf2 Color Conversion
The hexadecimal color #3ecaf2 has RGB values of R:62, G:202, B:242 and CMYK values of C:0.74, M:0.17, Y:0, K:0.05. Its decimal value is 4115186.
Hex triplet | 3ecaf2 | #3ecaf2 |
---|---|---|
RGB Decimal | 62, 202, 242 | rgb(62,202,242) |
RGB Percent | 24.3, 79.2, 94.9 | rgb(24.3%,79.2%,94.9%) |
CMYK | 74, 17, 0, 5 | |
HSL | 193.3°, 87.4, 59.6 | hsl(193.3,87.4%,59.6%) |
HSV (or HSB) | 193.3°, 74.4, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 75.868, -24.025, -30.359 |
---|---|
XYZ | 39.13, 49.673, 91.525 |
xyY | 0.217, 0.275, 49.673 |
CIE-LCH | 75.868, 38.715, 231.643 |
CIE-LUV | 75.868, -49.326, -45.475 |
Hunter-Lab | 70.479, -24.234, -27.66 |
Binary | 00111110, 11001010, 11110010 |
Color Schemes with #3ecaf2
Alternatives to #3ecaf2
Below, you can see some colors close to #3ecaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ecaf2 Preview
This text has a font color of #3ecaf2.
<span style="color:#3ecaf2;">Text here</span>
This paragraph has a background color of #3ecaf2.
<p style="background-color:#3ecaf2;">Content here</p>
This element has a border color of #3ecaf2.
<div style="border:1px solid #3ecaf2;">Content here</div>
.text {color:#3ecaf2;}
.background {background-color:#3ecaf2;}
.border {border:1px solid #3ecaf2;}
Shades and Tints of #3ecaf2
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, #010709 is the darkest color, while #f6fcfe is the lightest one.
-
#010709
#010709
rgb(1,7,9)
-
#02161c
#02161c
rgb(2,22,28)
-
#03242e
#03242e
rgb(3,36,46)
-
#043340
#043340
rgb(4,51,64)
-
#064253
#064253
rgb(6,66,83)
-
#075065
#075065
rgb(7,80,101)
-
#085f77
#085f77
rgb(8,95,119)
-
#096d8a
#096d8a
rgb(9,109,138)
-
#0b7c9c
#0b7c9c
rgb(11,124,156)
-
#0c8aaf
#0c8aaf
rgb(12,138,175)
-
#0d99c1
#0d99c1
rgb(13,153,193)
-
#0ea8d3
#0ea8d3
rgb(14,168,211)
-
#0fb6e6
#0fb6e6
rgb(15,182,230)
-
#19c0f0
#19c0f0
rgb(25,192,240)
-
#2cc5f1
#2cc5f1
rgb(44,197,241)
-
#3ecaf2
#3ecaf2
rgb(62,202,242)
-
#50cff3
#50cff3
rgb(80,207,243)
-
#63d4f4
#63d4f4
rgb(99,212,244)
-
#75d9f6
#75d9f6
rgb(117,217,246)
-
#88def7
#88def7
rgb(136,222,247)
-
#9ae3f8
#9ae3f8
rgb(154,227,248)
-
#ace8f9
#ace8f9
rgb(172,232,249)
-
#bfedfb
#bfedfb
rgb(191,237,251)
-
#d1f2fc
#d1f2fc
rgb(209,242,252)
-
#e3f7fd
#e3f7fd
rgb(227,247,253)
-
#f6fcfe
#f6fcfe
rgb(246,252,254)
Tones of #3ecaf2
A tone is produced by adding gray to any pure hue. In this case, #959a9b is the less saturated color, while #36cefa is the most saturated one.
-
#959a9b
#959a9b
rgb(149,154,155)
-
#8d9ea3
#8d9ea3
rgb(141,158,163)
-
#85a2ab
#85a2ab
rgb(133,162,171)
-
#7da7b3
#7da7b3
rgb(125,167,179)
-
#75abbb
#75abbb
rgb(117,171,187)
-
#6eb0c2
#6eb0c2
rgb(110,176,194)
-
#66b4ca
#66b4ca
rgb(102,180,202)
-
#5eb8d2
#5eb8d2
rgb(94,184,210)
-
#56bdda
#56bdda
rgb(86,189,218)
-
#4ec1e2
#4ec1e2
rgb(78,193,226)
-
#46c6ea
#46c6ea
rgb(70,198,234)
-
#3ecaf2
#3ecaf2
rgb(62,202,242)
-
#36cefa
#36cefa
rgb(54,206,250)
Color Blindness Simulator
Below, you can see how #3ecaf2 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.