#34aacc Color Information
In a RGB color space, hex #34aacc is composed of 20.4% red, 66.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 16.7% magenta, 0% yellow and 20% black. It has a hue angle of 193.4 degrees, a saturation of 59.8% and a lightness of 50.2%. #34aacc color hex could be obtained by blending #68ffff with #005599. Closest websafe color is: #3399cc.
-
- R 20
- G 67
- B 80
-
- C 75
- M 17
- Y 0
- K 20
● #34aacc color description : Moderate cyan.
#34aacc Color Conversion
The hexadecimal color #34aacc has RGB values of R:52, G:170, B:204 and CMYK values of C:0.75, M:0.17, Y:0, K:0.2. Its decimal value is 3451596.
Hex triplet | 34aacc | #34aacc |
---|---|---|
RGB Decimal | 52, 170, 204 | rgb(52,170,204) |
RGB Percent | 20.4, 66.7, 80 | rgb(20.4%,66.7%,80%) |
CMYK | 75, 17, 0, 20 | |
HSL | 193.4°, 59.8, 50.2 | hsl(193.4,59.8%,50.2%) |
HSV (or HSB) | 193.4°, 74.5, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.833, -21.008, -26.624 |
---|---|
XYZ | 26.687, 33.837, 62.248 |
xyY | 0.217, 0.276, 33.837 |
CIE-LCH | 64.833, 33.915, 231.724 |
CIE-LUV | 64.833, -41.956, -38.731 |
Hunter-Lab | 58.169, -19.904, -22.729 |
Binary | 00110100, 10101010, 11001100 |
Color Schemes with #34aacc
Alternatives to #34aacc
Below, you can see some colors close to #34aacc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#34aacc Preview
This text has a font color of #34aacc.
<span style="color:#34aacc;">Text here</span>
This paragraph has a background color of #34aacc.
<p style="background-color:#34aacc;">Content here</p>
This element has a border color of #34aacc.
<div style="border:1px solid #34aacc;">Content here</div>
.text {color:#34aacc;}
.background {background-color:#34aacc;}
.border {border:1px solid #34aacc;}
Shades and Tints of #34aacc
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, #000101 is the darkest color, while #f0f9fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040e10
#040e10
rgb(4,14,16)
-
#081b20
#081b20
rgb(8,27,32)
-
#0c2830
#0c2830
rgb(12,40,48)
-
#103540
#103540
rgb(16,53,64)
-
#14424f
#14424f
rgb(20,66,79)
-
#184f5f
#184f5f
rgb(24,79,95)
-
#1c5c6f
#1c5c6f
rgb(28,92,111)
-
#20697e
#20697e
rgb(32,105,126)
-
#24768e
#24768e
rgb(36,118,142)
-
#28839e
#28839e
rgb(40,131,158)
-
#2c90ad
#2c90ad
rgb(44,144,173)
-
#2f9dbd
#2f9dbd
rgb(47,157,189)
-
#34aacc
#34aacc
rgb(52,170,204)
-
#44b1d0
#44b1d0
rgb(68,177,208)
-
#53b7d4
#53b7d4
rgb(83,183,212)
-
#63bed8
#63bed8
rgb(99,190,216)
-
#73c4dc
#73c4dc
rgb(115,196,220)
-
#82cbe0
#82cbe0
rgb(130,203,224)
-
#92d1e4
#92d1e4
rgb(146,209,228)
-
#a2d8e8
#a2d8e8
rgb(162,216,232)
-
#b1dfec
#b1dfec
rgb(177,223,236)
-
#c1e5ef
#c1e5ef
rgb(193,229,239)
-
#d1ecf3
#d1ecf3
rgb(209,236,243)
-
#e0f2f7
#e0f2f7
rgb(224,242,247)
-
#f0f9fb
#f0f9fb
rgb(240,249,251)
Tones of #34aacc
A tone is produced by adding gray to any pure hue. In this case, #788488 is the less saturated color, while #03c5fd is the most saturated one.
-
#788488
#788488
rgb(120,132,136)
-
#6f8a91
#6f8a91
rgb(111,138,145)
-
#658f9b
#658f9b
rgb(101,143,155)
-
#5b94a5
#5b94a5
rgb(91,148,165)
-
#519aaf
#519aaf
rgb(81,154,175)
-
#489fb8
#489fb8
rgb(72,159,184)
-
#3ea5c2
#3ea5c2
rgb(62,165,194)
-
#34aacc
#34aacc
rgb(52,170,204)
-
#2aafd6
#2aafd6
rgb(42,175,214)
-
#20b5e0
#20b5e0
rgb(32,181,224)
-
#17bae9
#17bae9
rgb(23,186,233)
-
#0dc0f3
#0dc0f3
rgb(13,192,243)
-
#03c5fd
#03c5fd
rgb(3,197,253)
Color Blindness Simulator
Below, you can see how #34aacc 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.