#3ccee2 Color Information
In a RGB color space, hex #3ccee2 is composed of 23.5% red, 80.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 8.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 187.2 degrees, a saturation of 74.1% and a lightness of 56.1%. #3ccee2 color hex could be obtained by blending #78ffff with #009dc5. Closest websafe color is: #33cccc.
-
- R 24
- G 81
- B 89
-
- C 73
- M 9
- Y 0
- K 11
● #3ccee2 color description : Bright cyan.
#3ccee2 Color Conversion
The hexadecimal color #3ccee2 has RGB values of R:60, G:206, B:226 and CMYK values of C:0.73, M:0.09, Y:0, K:0.11. Its decimal value is 3985122.
Hex triplet | 3ccee2 | #3ccee2 |
---|---|---|
RGB Decimal | 60, 206, 226 | rgb(60,206,226) |
RGB Percent | 23.5, 80.8, 88.6 | rgb(23.5%,80.8%,88.6%) |
CMYK | 73, 9, 0, 11 | |
HSL | 187.2°, 74.1, 56.1 | hsl(187.2,74.1%,56.1%) |
HSV (or HSB) | 187.2°, 73.5, 88.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 76.43, -31.172, -20.903 |
---|---|
XYZ | 37.658, 50.591, 79.728 |
xyY | 0.224, 0.301, 50.591 |
CIE-LCH | 76.43, 37.532, 213.844 |
CIE-LUV | 76.43, -52.064, -28.531 |
Hunter-Lab | 71.127, -29.966, -16.67 |
Binary | 00111100, 11001110, 11100010 |
Color Schemes with #3ccee2
Alternatives to #3ccee2
Below, you can see some colors close to #3ccee2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ccee2 Preview
This text has a font color of #3ccee2.
<span style="color:#3ccee2;">Text here</span>
This paragraph has a background color of #3ccee2.
<p style="background-color:#3ccee2;">Content here</p>
This element has a border color of #3ccee2.
<div style="border:1px solid #3ccee2;">Content here</div>
.text {color:#3ccee2;}
.background {background-color:#3ccee2;}
.border {border:1px solid #3ccee2;}
Shades and Tints of #3ccee2
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)
-
#07282c
#07282c
rgb(7,40,44)
-
#09373d
#09373d
rgb(9,55,61)
-
#0c464e
#0c464e
rgb(12,70,78)
-
#0e565f
#0e565f
rgb(14,86,95)
-
#116570
#116570
rgb(17,101,112)
-
#137481
#137481
rgb(19,116,129)
-
#168393
#168393
rgb(22,131,147)
-
#1893a4
#1893a4
rgb(24,147,164)
-
#1ba2b5
#1ba2b5
rgb(27,162,181)
-
#1db1c6
#1db1c6
rgb(29,177,198)
-
#20c1d7
#20c1d7
rgb(32,193,215)
-
#2bcadf
#2bcadf
rgb(43,202,223)
-
#3ccee2
#3ccee2
rgb(60,206,226)
-
#4dd2e5
#4dd2e5
rgb(77,210,229)
-
#5ed7e7
#5ed7e7
rgb(94,215,231)
-
#6fdbea
#6fdbea
rgb(111,219,234)
-
#80dfec
#80dfec
rgb(128,223,236)
-
#91e3ef
#91e3ef
rgb(145,227,239)
-
#a2e8f1
#a2e8f1
rgb(162,232,241)
-
#b4ecf4
#b4ecf4
rgb(180,236,244)
-
#c5f0f6
#c5f0f6
rgb(197,240,246)
-
#d6f5f9
#d6f5f9
rgb(214,245,249)
-
#e7f9fb
#e7f9fb
rgb(231,249,251)
-
#f8fdfe
#f8fdfe
rgb(248,253,254)
Tones of #3ccee2
A tone is produced by adding gray to any pure hue. In this case, #8a9394 is the less saturated color, while #22e2fc is the most saturated one.
-
#8a9394
#8a9394
rgb(138,147,148)
-
#819a9d
#819a9d
rgb(129,154,157)
-
#78a0a6
#78a0a6
rgb(120,160,166)
-
#70a7ae
#70a7ae
rgb(112,167,174)
-
#67adb7
#67adb7
rgb(103,173,183)
-
#5eb4c0
#5eb4c0
rgb(94,180,192)
-
#56bac8
#56bac8
rgb(86,186,200)
-
#4dc1d1
#4dc1d1
rgb(77,193,209)
-
#45c7d9
#45c7d9
rgb(69,199,217)
-
#3ccee2
#3ccee2
rgb(60,206,226)
-
#33d5eb
#33d5eb
rgb(51,213,235)
-
#2bdbf3
#2bdbf3
rgb(43,219,243)
-
#22e2fc
#22e2fc
rgb(34,226,252)
Color Blindness Simulator
Below, you can see how #3ccee2 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.