#3ccdf4 Color Information
In a RGB color space, hex #3ccdf4 is composed of 23.5% red, 80.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 16% magenta, 0% yellow and 4.3% black. It has a hue angle of 192.7 degrees, a saturation of 89.3% and a lightness of 59.6%. #3ccdf4 color hex could be obtained by blending #78ffff with #009be9. Closest websafe color is: #33ccff.
-
- R 24
- G 80
- B 96
-
- C 75
- M 16
- Y 0
- K 4
● #3ccdf4 color description : Bright cyan.
#3ccdf4 Color Conversion
The hexadecimal color #3ccdf4 has RGB values of R:60, G:205, B:244 and CMYK values of C:0.75, M:0.16, Y:0, K:0.04. Its decimal value is 3984884.
Hex triplet | 3ccdf4 | #3ccdf4 |
---|---|---|
RGB Decimal | 60, 205, 244 | rgb(60,205,244) |
RGB Percent | 23.5, 80.4, 95.7 | rgb(23.5%,80.4%,95.7%) |
CMYK | 75, 16, 0, 4 | |
HSL | 192.7°, 89.3, 59.6 | hsl(192.7,89.3%,59.6%) |
HSV (or HSB) | 192.7°, 75.4, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.771, -25.118, -30.046 |
---|---|
XYZ | 40.02, 51.151, 93.347 |
xyY | 0.217, 0.277, 51.151 |
CIE-LCH | 76.771, 39.162, 230.105 |
CIE-LUV | 76.771, -50.518, -44.86 |
Hunter-Lab | 71.52, -25.28, -27.32 |
Binary | 00111100, 11001101, 11110100 |
Color Schemes with #3ccdf4
Alternatives to #3ccdf4
Below, you can see some colors close to #3ccdf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ccdf4 Preview
This text has a font color of #3ccdf4.
<span style="color:#3ccdf4;">Text here</span>
This paragraph has a background color of #3ccdf4.
<p style="background-color:#3ccdf4;">Content here</p>
This element has a border color of #3ccdf4.
<div style="border:1px solid #3ccdf4;">Content here</div>
.text {color:#3ccdf4;}
.background {background-color:#3ccdf4;}
.border {border:1px solid #3ccdf4;}
Shades and Tints of #3ccdf4
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 #f6fdfe is the lightest one.
-
#010709
#010709
rgb(1,7,9)
-
#02161c
#02161c
rgb(2,22,28)
-
#03252e
#03252e
rgb(3,37,46)
-
#043441
#043441
rgb(4,52,65)
-
#054354
#054354
rgb(5,67,84)
-
#065266
#065266
rgb(6,82,102)
-
#076179
#076179
rgb(7,97,121)
-
#086f8b
#086f8b
rgb(8,111,139)
-
#097e9e
#097e9e
rgb(9,126,158)
-
#0a8db0
#0a8db0
rgb(10,141,176)
-
#0b9cc3
#0b9cc3
rgb(11,156,195)
-
#0cabd5
#0cabd5
rgb(12,171,213)
-
#0dbae8
#0dbae8
rgb(13,186,232)
-
#17c3f2
#17c3f2
rgb(23,195,242)
-
#29c8f3
#29c8f3
rgb(41,200,243)
-
#3ccdf4
#3ccdf4
rgb(60,205,244)
-
#4fd2f5
#4fd2f5
rgb(79,210,245)
-
#61d7f6
#61d7f6
rgb(97,215,246)
-
#74dbf7
#74dbf7
rgb(116,219,247)
-
#86e0f8
#86e0f8
rgb(134,224,248)
-
#99e5f9
#99e5f9
rgb(153,229,249)
-
#abeafa
#abeafa
rgb(171,234,250)
-
#beeefb
#beeefb
rgb(190,238,251)
-
#d1f3fc
#d1f3fc
rgb(209,243,252)
-
#e3f8fd
#e3f8fd
rgb(227,248,253)
-
#f6fdfe
#f6fdfe
rgb(246,253,254)
Tones of #3ccdf4
A tone is produced by adding gray to any pure hue. In this case, #939b9d is the less saturated color, while #34d2fc is the most saturated one.
-
#939b9d
#939b9d
rgb(147,155,157)
-
#8b9fa5
#8b9fa5
rgb(139,159,165)
-
#83a4ad
#83a4ad
rgb(131,164,173)
-
#7ba8b5
#7ba8b5
rgb(123,168,181)
-
#73adbd
#73adbd
rgb(115,173,189)
-
#6cb2c4
#6cb2c4
rgb(108,178,196)
-
#64b6cc
#64b6cc
rgb(100,182,204)
-
#5cbbd4
#5cbbd4
rgb(92,187,212)
-
#54bfdc
#54bfdc
rgb(84,191,220)
-
#4cc4e4
#4cc4e4
rgb(76,196,228)
-
#44c8ec
#44c8ec
rgb(68,200,236)
-
#3ccdf4
#3ccdf4
rgb(60,205,244)
-
#34d2fc
#34d2fc
rgb(52,210,252)
Color Blindness Simulator
Below, you can see how #3ccdf4 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.