#339faf Color Information
In a RGB color space, hex #339faf is composed of 20% red, 62.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 9.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 187.7 degrees, a saturation of 54.9% and a lightness of 44.3%. #339faf color hex could be obtained by blending #66ffff with #003f5f. Closest websafe color is: #339999.
-
- R 20
- G 62
- B 69
-
- C 71
- M 9
- Y 0
- K 31
● #339faf color description : Dark cyan.
#339faf Color Conversion
The hexadecimal color #339faf has RGB values of R:51, G:159, B:175 and CMYK values of C:0.71, M:0.09, Y:0, K:0.31. Its decimal value is 3383215.
Hex triplet | 339faf | #339faf |
---|---|---|
RGB Decimal | 51, 159, 175 | rgb(51,159,175) |
RGB Percent | 20, 62.4, 68.6 | rgb(20%,62.4%,68.6%) |
CMYK | 71, 9, 0, 31 | |
HSL | 187.7°, 54.9, 44.3 | hsl(187.7,54.9%,44.3%) |
HSV (or HSB) | 187.7°, 70.9, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.421, -24.754, -17.15 |
---|---|
XYZ | 21.499, 28.593, 44.941 |
xyY | 0.226, 0.301, 28.593 |
CIE-LCH | 60.421, 30.114, 214.715 |
CIE-LUV | 60.421, -39.976, -22.469 |
Hunter-Lab | 53.473, -21.81, -12.399 |
Binary | 00110011, 10011111, 10101111 |
Color Schemes with #339faf
Alternatives to #339faf
Below, you can see some colors close to #339faf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339faf Preview
This text has a font color of #339faf.
<span style="color:#339faf;">Text here</span>
This paragraph has a background color of #339faf.
<p style="background-color:#339faf;">Content here</p>
This element has a border color of #339faf.
<div style="border:1px solid #339faf;">Content here</div>
.text {color:#339faf;}
.background {background-color:#339faf;}
.border {border:1px solid #339faf;}
Shades and Tints of #339faf
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, #020708 is the darkest color, while #f8fcfd is the lightest one.
-
#020708
#020708
rgb(2,7,8)
-
#071517
#071517
rgb(7,21,23)
-
#0b2326
#0b2326
rgb(11,35,38)
-
#103135
#103135
rgb(16,49,53)
-
#143e45
#143e45
rgb(20,62,69)
-
#184c54
#184c54
rgb(24,76,84)
-
#1d5a63
#1d5a63
rgb(29,90,99)
-
#216872
#216872
rgb(33,104,114)
-
#267681
#267681
rgb(38,118,129)
-
#2a8391
#2a8391
rgb(42,131,145)
-
#2f91a0
#2f91a0
rgb(47,145,160)
-
#339faf
#339faf
rgb(51,159,175)
-
#37adbe
#37adbe
rgb(55,173,190)
-
#41b6c8
#41b6c8
rgb(65,182,200)
-
#51bccc
#51bccc
rgb(81,188,204)
-
#60c2d1
#60c2d1
rgb(96,194,209)
-
#6fc8d5
#6fc8d5
rgb(111,200,213)
-
#7eced9
#7eced9
rgb(126,206,217)
-
#8dd4de
#8dd4de
rgb(141,212,222)
-
#9dd9e2
#9dd9e2
rgb(157,217,226)
-
#acdfe7
#acdfe7
rgb(172,223,231)
-
#bbe5eb
#bbe5eb
rgb(187,229,235)
-
#caebf0
#caebf0
rgb(202,235,240)
-
#d9f1f4
#d9f1f4
rgb(217,241,244)
-
#e9f6f8
#e9f6f8
rgb(233,246,248)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #339faf
A tone is produced by adding gray to any pure hue. In this case, #707272 is the less saturated color, while #08bfda is the most saturated one.
-
#707272
#707272
rgb(112,114,114)
-
#67787b
#67787b
rgb(103,120,123)
-
#5e7f84
#5e7f84
rgb(94,127,132)
-
#56858c
#56858c
rgb(86,133,140)
-
#4d8c95
#4d8c95
rgb(77,140,149)
-
#44929e
#44929e
rgb(68,146,158)
-
#3c99a6
#3c99a6
rgb(60,153,166)
-
#339faf
#339faf
rgb(51,159,175)
-
#2aa5b8
#2aa5b8
rgb(42,165,184)
-
#22acc0
#22acc0
rgb(34,172,192)
-
#19b2c9
#19b2c9
rgb(25,178,201)
-
#10b9d2
#10b9d2
rgb(16,185,210)
-
#08bfda
#08bfda
rgb(8,191,218)
Color Blindness Simulator
Below, you can see how #339faf 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.