#339caf Color Information
In a RGB color space, hex #339caf is composed of 20% red, 61.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 10.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 189.2 degrees, a saturation of 54.9% and a lightness of 44.3%. #339caf color hex could be obtained by blending #66ffff with #00395f. Closest websafe color is: #339999.
-
- R 20
- G 61
- B 69
-
- C 71
- M 11
- Y 0
- K 31
● #339caf color description : Dark cyan.
#339caf Color Conversion
The hexadecimal color #339caf has RGB values of R:51, G:156, B:175 and CMYK values of C:0.71, M:0.11, Y:0, K:0.31. Its decimal value is 3382447.
Hex triplet | 339caf | #339caf |
---|---|---|
RGB Decimal | 51, 156, 175 | rgb(51,156,175) |
RGB Percent | 20, 61.2, 68.6 | rgb(20%,61.2%,68.6%) |
CMYK | 71, 11, 0, 31 | |
HSL | 189.2°, 54.9, 44.3 | hsl(189.2,54.9%,44.3%) |
HSV (or HSB) | 189.2°, 70.9, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 59.502, -23.219, -18.547 |
---|---|
XYZ | 20.989, 27.574, 44.771 |
xyY | 0.225, 0.295, 27.574 |
CIE-LCH | 59.502, 29.717, 218.617 |
CIE-LUV | 59.502, -38.881, -24.85 |
Hunter-Lab | 52.511, -20.545, -13.793 |
Binary | 00110011, 10011100, 10101111 |
Color Schemes with #339caf
Alternatives to #339caf
Below, you can see some colors close to #339caf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339caf Preview
This text has a font color of #339caf.
<span style="color:#339caf;">Text here</span>
This paragraph has a background color of #339caf.
<p style="background-color:#339caf;">Content here</p>
This element has a border color of #339caf.
<div style="border:1px solid #339caf;">Content here</div>
.text {color:#339caf;}
.background {background-color:#339caf;}
.border {border:1px solid #339caf;}
Shades and Tints of #339caf
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)
-
#0b2226
#0b2226
rgb(11,34,38)
-
#103035
#103035
rgb(16,48,53)
-
#143d45
#143d45
rgb(20,61,69)
-
#184b54
#184b54
rgb(24,75,84)
-
#1d5863
#1d5863
rgb(29,88,99)
-
#216672
#216672
rgb(33,102,114)
-
#267381
#267381
rgb(38,115,129)
-
#2a8191
#2a8191
rgb(42,129,145)
-
#2f8ea0
#2f8ea0
rgb(47,142,160)
-
#339caf
#339caf
rgb(51,156,175)
-
#37aabe
#37aabe
rgb(55,170,190)
-
#41b3c8
#41b3c8
rgb(65,179,200)
-
#51b9cc
#51b9cc
rgb(81,185,204)
-
#60bfd1
#60bfd1
rgb(96,191,209)
-
#6fc5d5
#6fc5d5
rgb(111,197,213)
-
#7ecbd9
#7ecbd9
rgb(126,203,217)
-
#8dd2de
#8dd2de
rgb(141,210,222)
-
#9dd8e2
#9dd8e2
rgb(157,216,226)
-
#acdee7
#acdee7
rgb(172,222,231)
-
#bbe4eb
#bbe4eb
rgb(187,228,235)
-
#caeaf0
#caeaf0
rgb(202,234,240)
-
#d9f0f4
#d9f0f4
rgb(217,240,244)
-
#e9f6f8
#e9f6f8
rgb(233,246,248)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #339caf
A tone is produced by adding gray to any pure hue. In this case, #707272 is the less saturated color, while #08bada is the most saturated one.
-
#707272
#707272
rgb(112,114,114)
-
#67787b
#67787b
rgb(103,120,123)
-
#5e7e84
#5e7e84
rgb(94,126,132)
-
#56848c
#56848c
rgb(86,132,140)
-
#4d8a95
#4d8a95
rgb(77,138,149)
-
#44909e
#44909e
rgb(68,144,158)
-
#3c96a6
#3c96a6
rgb(60,150,166)
-
#339caf
#339caf
rgb(51,156,175)
-
#2aa2b8
#2aa2b8
rgb(42,162,184)
-
#22a8c0
#22a8c0
rgb(34,168,192)
-
#19aec9
#19aec9
rgb(25,174,201)
-
#10b4d2
#10b4d2
rgb(16,180,210)
-
#08bada
#08bada
rgb(8,186,218)
Color Blindness Simulator
Below, you can see how #339caf 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.