#3ccce2 Color Information
In a RGB color space, hex #3ccce2 is composed of 23.5% red, 80% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 9.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 188 degrees, a saturation of 74.1% and a lightness of 56.1%. #3ccce2 color hex could be obtained by blending #78ffff with #0099c5. Closest websafe color is: #33cccc.
-
- R 24
- G 80
- B 89
-
- C 73
- M 10
- Y 0
- K 11
● #3ccce2 color description : Bright cyan.
#3ccce2 Color Conversion
The hexadecimal color #3ccce2 has RGB values of R:60, G:204, B:226 and CMYK values of C:0.73, M:0.1, Y:0, K:0.11. Its decimal value is 3984610.
Hex triplet | 3ccce2 | #3ccce2 |
---|---|---|
RGB Decimal | 60, 204, 226 | rgb(60,204,226) |
RGB Percent | 23.5, 80, 88.6 | rgb(23.5%,80%,88.6%) |
CMYK | 73, 10, 0, 11 | |
HSL | 188°, 74.1, 56.1 | hsl(188,74.1%,56.1%) |
HSV (or HSB) | 188°, 73.5, 88.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.844, -30.206, -21.794 |
---|---|
XYZ | 37.18, 49.634, 79.568 |
xyY | 0.223, 0.298, 49.634 |
CIE-LCH | 75.844, 37.247, 215.81 |
CIE-LUV | 75.844, -51.362, -30.13 |
Hunter-Lab | 70.451, -29.089, -17.646 |
Binary | 00111100, 11001100, 11100010 |
Color Schemes with #3ccce2
Alternatives to #3ccce2
Below, you can see some colors close to #3ccce2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ccce2 Preview
This text has a font color of #3ccce2.
<span style="color:#3ccce2;">Text here</span>
This paragraph has a background color of #3ccce2.
<p style="background-color:#3ccce2;">Content here</p>
This element has a border color of #3ccce2.
<div style="border:1px solid #3ccce2;">Content here</div>
.text {color:#3ccce2;}
.background {background-color:#3ccce2;}
.border {border:1px solid #3ccce2;}
Shades and Tints of #3ccce2
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, #01090a is the darkest color, while #f8fdfe is the lightest one.
-
#01090a
#01090a
rgb(1,9,10)
-
#04181b
#04181b
rgb(4,24,27)
-
#07272c
#07272c
rgb(7,39,44)
-
#09363d
#09363d
rgb(9,54,61)
-
#0c454e
#0c454e
rgb(12,69,78)
-
#0e555f
#0e555f
rgb(14,85,95)
-
#116470
#116470
rgb(17,100,112)
-
#137381
#137381
rgb(19,115,129)
-
#168293
#168293
rgb(22,130,147)
-
#1891a4
#1891a4
rgb(24,145,164)
-
#1ba0b5
#1ba0b5
rgb(27,160,181)
-
#1dafc6
#1dafc6
rgb(29,175,198)
-
#20bfd7
#20bfd7
rgb(32,191,215)
-
#2bc8df
#2bc8df
rgb(43,200,223)
-
#3ccce2
#3ccce2
rgb(60,204,226)
-
#4dd0e5
#4dd0e5
rgb(77,208,229)
-
#5ed5e7
#5ed5e7
rgb(94,213,231)
-
#6fd9ea
#6fd9ea
rgb(111,217,234)
-
#80deec
#80deec
rgb(128,222,236)
-
#91e2ef
#91e2ef
rgb(145,226,239)
-
#a2e7f1
#a2e7f1
rgb(162,231,241)
-
#b4ebf4
#b4ebf4
rgb(180,235,244)
-
#c5f0f6
#c5f0f6
rgb(197,240,246)
-
#d6f4f9
#d6f4f9
rgb(214,244,249)
-
#e7f9fb
#e7f9fb
rgb(231,249,251)
-
#f8fdfe
#f8fdfe
rgb(248,253,254)
Tones of #3ccce2
A tone is produced by adding gray to any pure hue. In this case, #8a9394 is the less saturated color, while #22dffc is the most saturated one.
-
#8a9394
#8a9394
rgb(138,147,148)
-
#81999d
#81999d
rgb(129,153,157)
-
#78a0a6
#78a0a6
rgb(120,160,166)
-
#70a6ae
#70a6ae
rgb(112,166,174)
-
#67acb7
#67acb7
rgb(103,172,183)
-
#5eb3c0
#5eb3c0
rgb(94,179,192)
-
#56b9c8
#56b9c8
rgb(86,185,200)
-
#4dbfd1
#4dbfd1
rgb(77,191,209)
-
#45c6d9
#45c6d9
rgb(69,198,217)
-
#3ccce2
#3ccce2
rgb(60,204,226)
-
#33d2eb
#33d2eb
rgb(51,210,235)
-
#2bd9f3
#2bd9f3
rgb(43,217,243)
-
#22dffc
#22dffc
rgb(34,223,252)
Color Blindness Simulator
Below, you can see how #3ccce2 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.