#339bb0 Color Information
In a RGB color space, hex #339bb0 is composed of 20% red, 60.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 11.9% magenta, 0% yellow and 31% black. It has a hue angle of 190.1 degrees, a saturation of 55.1% and a lightness of 44.5%. #339bb0 color hex could be obtained by blending #66ffff with #003761. Closest websafe color is: #339999.
-
- R 20
- G 61
- B 69
-
- C 71
- M 12
- Y 0
- K 31
● #339bb0 color description : Dark cyan.
#339bb0 Color Conversion
The hexadecimal color #339bb0 has RGB values of R:51, G:155, B:176 and CMYK values of C:0.71, M:0.12, Y:0, K:0.31. Its decimal value is 3382192.
Hex triplet | 339bb0 | #339bb0 |
---|---|---|
RGB Decimal | 51, 155, 176 | rgb(51,155,176) |
RGB Percent | 20, 60.8, 69 | rgb(20%,60.8%,69%) |
CMYK | 71, 12, 0, 31 | |
HSL | 190.1°, 55.1, 44.5 | hsl(190.1,55.1%,44.5%) |
HSV (or HSB) | 190.1°, 71, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 59.232, -22.384, -19.524 |
---|---|
XYZ | 20.921, 27.279, 45.235 |
xyY | 0.224, 0.292, 27.279 |
CIE-LCH | 59.232, 29.702, 221.095 |
CIE-LUV | 59.232, -38.455, -26.507 |
Hunter-Lab | 52.23, -19.902, -14.789 |
Binary | 00110011, 10011011, 10110000 |
Color Schemes with #339bb0
Alternatives to #339bb0
Below, you can see some colors close to #339bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#339bb0 Preview
This text has a font color of #339bb0.
<span style="color:#339bb0;">Text here</span>
This paragraph has a background color of #339bb0.
<p style="background-color:#339bb0;">Content here</p>
This element has a border color of #339bb0.
<div style="border:1px solid #339bb0;">Content here</div>
.text {color:#339bb0;}
.background {background-color:#339bb0;}
.border {border:1px solid #339bb0;}
Shades and Tints of #339bb0
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, #030809 is the darkest color, while #f8fcfd is the lightest one.
-
#030809
#030809
rgb(3,8,9)
-
#071518
#071518
rgb(7,21,24)
-
#0b2227
#0b2227
rgb(11,34,39)
-
#103036
#103036
rgb(16,48,54)
-
#143d46
#143d46
rgb(20,61,70)
-
#194b55
#194b55
rgb(25,75,85)
-
#1d5864
#1d5864
rgb(29,88,100)
-
#216573
#216573
rgb(33,101,115)
-
#267382
#267382
rgb(38,115,130)
-
#2a8092
#2a8092
rgb(42,128,146)
-
#2f8ea1
#2f8ea1
rgb(47,142,161)
-
#339bb0
#339bb0
rgb(51,155,176)
-
#37a8bf
#37a8bf
rgb(55,168,191)
-
#42b2c8
#42b2c8
rgb(66,178,200)
-
#51b8cd
#51b8cd
rgb(81,184,205)
-
#60bed1
#60bed1
rgb(96,190,209)
-
#70c4d5
#70c4d5
rgb(112,196,213)
-
#7fcbda
#7fcbda
rgb(127,203,218)
-
#8ed1de
#8ed1de
rgb(142,209,222)
-
#9dd7e3
#9dd7e3
rgb(157,215,227)
-
#acdde7
#acdde7
rgb(172,221,231)
-
#bce3eb
#bce3eb
rgb(188,227,235)
-
#cbeaf0
#cbeaf0
rgb(203,234,240)
-
#daf0f4
#daf0f4
rgb(218,240,244)
-
#e9f6f9
#e9f6f9
rgb(233,246,249)
-
#f8fcfd
#f8fcfd
rgb(248,252,253)
Tones of #339bb0
A tone is produced by adding gray to any pure hue. In this case, #707273 is the less saturated color, while #07b8dc is the most saturated one.
-
#707273
#707273
rgb(112,114,115)
-
#67787c
#67787c
rgb(103,120,124)
-
#5f7e84
#5f7e84
rgb(95,126,132)
-
#56848d
#56848d
rgb(86,132,141)
-
#4d8a96
#4d8a96
rgb(77,138,150)
-
#448f9f
#448f9f
rgb(68,143,159)
-
#3c95a7
#3c95a7
rgb(60,149,167)
-
#339bb0
#339bb0
rgb(51,155,176)
-
#2aa1b9
#2aa1b9
rgb(42,161,185)
-
#22a7c1
#22a7c1
rgb(34,167,193)
-
#19acca
#19acca
rgb(25,172,202)
-
#10b2d3
#10b2d3
rgb(16,178,211)
-
#07b8dc
#07b8dc
rgb(7,184,220)
Color Blindness Simulator
Below, you can see how #339bb0 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.