#339aa8 Color Information
In a RGB color space, hex #339aa8 is composed of 20% red, 60.4% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 8.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 187.2 degrees, a saturation of 53.4% and a lightness of 42.9%. #339aa8 color hex could be obtained by blending #66ffff with #003551. Closest websafe color is: #339999.
-
- R 20
- G 60
- B 66
-
- C 70
- M 8
- Y 0
- K 34
● #339aa8 color description : Dark moderate cyan.
#339aa8 Color Conversion
The hexadecimal color #339aa8 has RGB values of R:51, G:154, B:168 and CMYK values of C:0.7, M:0.08, Y:0, K:0.34. Its decimal value is 3381928.
Hex triplet | 339aa8 | #339aa8 |
---|---|---|
RGB Decimal | 51, 154, 168 | rgb(51,154,168) |
RGB Percent | 20, 60.4, 65.9 | rgb(20%,60.4%,65.9%) |
CMYK | 70, 8, 0, 34 | |
HSL | 187.2°, 53.4, 42.9 | hsl(187.2,53.4%,42.9%) |
HSV (or HSB) | 187.2°, 69.6, 65.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.64, -24.395, -15.889 |
---|---|
XYZ | 19.987, 26.64, 41.132 |
xyY | 0.228, 0.304, 26.64 |
CIE-LCH | 58.64, 29.113, 213.077 |
CIE-LUV | 58.64, -38.578, -20.411 |
Hunter-Lab | 51.614, -21.204, -11.119 |
Binary | 00110011, 10011010, 10101000 |
Color Schemes with #339aa8
Alternatives to #339aa8
Below, you can see some colors close to #339aa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339aa8 Preview
This text has a font color of #339aa8.
<span style="color:#339aa8;">Text here</span>
This paragraph has a background color of #339aa8.
<p style="background-color:#339aa8;">Content here</p>
This element has a border color of #339aa8.
<div style="border:1px solid #339aa8;">Content here</div>
.text {color:#339aa8;}
.background {background-color:#339aa8;}
.border {border:1px solid #339aa8;}
Shades and Tints of #339aa8
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, #010202 is the darkest color, while #f2fafb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#051012
#051012
rgb(5,16,18)
-
#0a1e21
#0a1e21
rgb(10,30,33)
-
#0e2c30
#0e2c30
rgb(14,44,48)
-
#13393f
#13393f
rgb(19,57,63)
-
#18474e
#18474e
rgb(24,71,78)
-
#1c555d
#1c555d
rgb(28,85,93)
-
#21636c
#21636c
rgb(33,99,108)
-
#25717b
#25717b
rgb(37,113,123)
-
#2a7e8a
#2a7e8a
rgb(42,126,138)
-
#2e8c99
#2e8c99
rgb(46,140,153)
-
#339aa8
#339aa8
rgb(51,154,168)
-
#38a8b7
#38a8b7
rgb(56,168,183)
-
#3eb4c4
#3eb4c4
rgb(62,180,196)
-
#4dbac9
#4dbac9
rgb(77,186,201)
-
#5cc0ce
#5cc0ce
rgb(92,192,206)
-
#6bc6d2
#6bc6d2
rgb(107,198,210)
-
#7accd7
#7accd7
rgb(122,204,215)
-
#89d1db
#89d1db
rgb(137,209,219)
-
#98d7e0
#98d7e0
rgb(152,215,224)
-
#a7dde4
#a7dde4
rgb(167,221,228)
-
#b6e3e9
#b6e3e9
rgb(182,227,233)
-
#c5e9ed
#c5e9ed
rgb(197,233,237)
-
#d4eef2
#d4eef2
rgb(212,238,242)
-
#e3f4f7
#e3f4f7
rgb(227,244,247)
-
#f2fafb
#f2fafb
rgb(242,250,251)
Tones of #339aa8
A tone is produced by adding gray to any pure hue. In this case, #667475 is the less saturated color, while #00c0db is the most saturated one.
-
#667475
#667475
rgb(102,116,117)
-
#5d7a7e
#5d7a7e
rgb(93,122,126)
-
#558086
#558086
rgb(85,128,134)
-
#4c878f
#4c878f
rgb(76,135,143)
-
#448d97
#448d97
rgb(68,141,151)
-
#3b94a0
#3b94a0
rgb(59,148,160)
-
#339aa8
#339aa8
rgb(51,154,168)
-
#2ba0b0
#2ba0b0
rgb(43,160,176)
-
#22a7b9
#22a7b9
rgb(34,167,185)
-
#1aadc1
#1aadc1
rgb(26,173,193)
-
#11b4ca
#11b4ca
rgb(17,180,202)
-
#09bad2
#09bad2
rgb(9,186,210)
-
#00c0db
#00c0db
rgb(0,192,219)
Color Blindness Simulator
Below, you can see how #339aa8 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.