#34ccf2 Color Information
In a RGB color space, hex #34ccf2 is composed of 20.4% red, 80% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 15.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 192 degrees, a saturation of 88% and a lightness of 57.6%. #34ccf2 color hex could be obtained by blending #68ffff with #0099e5. Closest websafe color is: #33ccff.
-
- R 20
- G 80
- B 95
-
- C 79
- M 16
- Y 0
- K 5
● #34ccf2 color description : Bright cyan.
#34ccf2 Color Conversion
The hexadecimal color #34ccf2 has RGB values of R:52, G:204, B:242 and CMYK values of C:0.79, M:0.16, Y:0, K:0.05. Its decimal value is 3460338.
Hex triplet | 34ccf2 | #34ccf2 |
---|---|---|
RGB Decimal | 52, 204, 242 | rgb(52,204,242) |
RGB Percent | 20.4, 80, 94.9 | rgb(20.4%,80%,94.9%) |
CMYK | 79, 16, 0, 5 | |
HSL | 192°, 88, 57.6 | hsl(192,88%,57.6%) |
HSV (or HSB) | 192°, 78.5, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.267, -26.057, -29.76 |
---|---|
XYZ | 39.032, 50.323, 91.656 |
xyY | 0.216, 0.278, 50.323 |
CIE-LCH | 76.267, 39.555, 228.796 |
CIE-LUV | 76.267, -51.328, -44.221 |
Hunter-Lab | 70.939, -25.929, -26.948 |
Binary | 00110100, 11001100, 11110010 |
Color Schemes with #34ccf2
Alternatives to #34ccf2
Below, you can see some colors close to #34ccf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#34ccf2 Preview
This text has a font color of #34ccf2.
<span style="color:#34ccf2;">Text here</span>
This paragraph has a background color of #34ccf2.
<p style="background-color:#34ccf2;">Content here</p>
This element has a border color of #34ccf2.
<div style="border:1px solid #34ccf2;">Content here</div>
.text {color:#34ccf2;}
.background {background-color:#34ccf2;}
.border {border:1px solid #34ccf2;}
Shades and Tints of #34ccf2
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, #010f12 is the darkest color, while #ffffff is the lightest one.
-
#010f12
#010f12
rgb(1,15,18)
-
#021e25
#021e25
rgb(2,30,37)
-
#042d37
#042d37
rgb(4,45,55)
-
#053c4a
#053c4a
rgb(5,60,74)
-
#064b5c
#064b5c
rgb(6,75,92)
-
#075a6e
#075a6e
rgb(7,90,110)
-
#086981
#086981
rgb(8,105,129)
-
#097893
#097893
rgb(9,120,147)
-
#0b87a6
#0b87a6
rgb(11,135,166)
-
#0c96b8
#0c96b8
rgb(12,150,184)
-
#0da5cb
#0da5cb
rgb(13,165,203)
-
#0eb4dd
#0eb4dd
rgb(14,180,221)
-
#0fc3ef
#0fc3ef
rgb(15,195,239)
-
#22c7f1
#22c7f1
rgb(34,199,241)
-
#34ccf2
#34ccf2
rgb(52,204,242)
-
#46d1f3
#46d1f3
rgb(70,209,243)
-
#59d5f4
#59d5f4
rgb(89,213,244)
-
#6bdaf6
#6bdaf6
rgb(107,218,246)
-
#7edff7
#7edff7
rgb(126,223,247)
-
#90e3f8
#90e3f8
rgb(144,227,248)
-
#a3e8f9
#a3e8f9
rgb(163,232,249)
-
#b5ecfa
#b5ecfa
rgb(181,236,250)
-
#c7f1fb
#c7f1fb
rgb(199,241,251)
-
#daf6fd
#daf6fd
rgb(218,246,253)
-
#ecfafe
#ecfafe
rgb(236,250,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #34ccf2
A tone is produced by adding gray to any pure hue. In this case, #8f9597 is the less saturated color, while #2cd1fa is the most saturated one.
-
#8f9597
#8f9597
rgb(143,149,151)
-
#879a9f
#879a9f
rgb(135,154,159)
-
#7f9fa7
#7f9fa7
rgb(127,159,167)
-
#76a4b0
#76a4b0
rgb(118,164,176)
-
#6ea9b8
#6ea9b8
rgb(110,169,184)
-
#66aec0
#66aec0
rgb(102,174,192)
-
#5eb3c8
#5eb3c8
rgb(94,179,200)
-
#55b8d1
#55b8d1
rgb(85,184,209)
-
#4dbdd9
#4dbdd9
rgb(77,189,217)
-
#45c2e1
#45c2e1
rgb(69,194,225)
-
#3cc7ea
#3cc7ea
rgb(60,199,234)
-
#34ccf2
#34ccf2
rgb(52,204,242)
-
#2cd1fa
#2cd1fa
rgb(44,209,250)
Color Blindness Simulator
Below, you can see how #34ccf2 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.