#309aaa Color Information
In a RGB color space, hex #309aaa is composed of 18.8% red, 60.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 9.4% magenta, 0% yellow and 33.3% black. It has a hue angle of 187.9 degrees, a saturation of 56% and a lightness of 42.7%. #309aaa color hex could be obtained by blending #60ffff with #003555. Closest websafe color is: #339999.
-
- R 19
- G 60
- B 67
-
- C 72
- M 9
- Y 0
- K 33
● #309aaa color description : Dark cyan.
#309aaa Color Conversion
The hexadecimal color #309aaa has RGB values of R:48, G:154, B:170 and CMYK values of C:0.72, M:0.09, Y:0, K:0.33. Its decimal value is 3185322.
Hex triplet | 309aaa | #309aaa |
---|---|---|
RGB Decimal | 48, 154, 170 | rgb(48,154,170) |
RGB Percent | 18.8, 60.4, 66.7 | rgb(18.8%,60.4%,66.7%) |
CMYK | 72, 9, 0, 33 | |
HSL | 187.9°, 56, 42.7 | hsl(187.9,56%,42.7%) |
HSV (or HSB) | 187.9°, 71.8, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.64, -24.188, -17.031 |
---|---|
XYZ | 20.028, 26.64, 42.115 |
xyY | 0.226, 0.3, 26.64 |
CIE-LCH | 58.64, 29.583, 215.15 |
CIE-LUV | 58.64, -38.959, -22.254 |
Hunter-Lab | 51.614, -21.06, -12.248 |
Binary | 00110000, 10011010, 10101010 |
Color Schemes with #309aaa
Alternatives to #309aaa
Below, you can see some colors close to #309aaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309aaa Preview
This text has a font color of #309aaa.
<span style="color:#309aaa;">Text here</span>
This paragraph has a background color of #309aaa.
<p style="background-color:#309aaa;">Content here</p>
This element has a border color of #309aaa.
<div style="border:1px solid #309aaa;">Content here</div>
.text {color:#309aaa;}
.background {background-color:#309aaa;}
.border {border:1px solid #309aaa;}
Shades and Tints of #309aaa
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, #000202 is the darkest color, while #f1fafb is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#050f11
#050f11
rgb(5,15,17)
-
#091d20
#091d20
rgb(9,29,32)
-
#0d2b30
#0d2b30
rgb(13,43,48)
-
#12393f
#12393f
rgb(18,57,63)
-
#16474e
#16474e
rgb(22,71,78)
-
#1a555e
#1a555e
rgb(26,85,94)
-
#1f636d
#1f636d
rgb(31,99,109)
-
#23707c
#23707c
rgb(35,112,124)
-
#277e8b
#277e8b
rgb(39,126,139)
-
#2c8c9b
#2c8c9b
rgb(44,140,155)
-
#309aaa
#309aaa
rgb(48,154,170)
-
#34a8b9
#34a8b9
rgb(52,168,185)
-
#3ab5c7
#3ab5c7
rgb(58,181,199)
-
#49bbcc
#49bbcc
rgb(73,187,204)
-
#58c0d0
#58c0d0
rgb(88,192,208)
-
#68c6d4
#68c6d4
rgb(104,198,212)
-
#77ccd9
#77ccd9
rgb(119,204,217)
-
#86d2dd
#86d2dd
rgb(134,210,221)
-
#96d7e1
#96d7e1
rgb(150,215,225)
-
#a5dde6
#a5dde6
rgb(165,221,230)
-
#b4e3ea
#b4e3ea
rgb(180,227,234)
-
#c4e9ee
#c4e9ee
rgb(196,233,238)
-
#d3eef3
#d3eef3
rgb(211,238,243)
-
#e2f4f7
#e2f4f7
rgb(226,244,247)
-
#f1fafb
#f1fafb
rgb(241,250,251)
Tones of #309aaa
A tone is produced by adding gray to any pure hue. In this case, #6b6f6f is the less saturated color, while #06b9d4 is the most saturated one.
-
#6b6f6f
#6b6f6f
rgb(107,111,111)
-
#627578
#627578
rgb(98,117,120)
-
#5a7b80
#5a7b80
rgb(90,123,128)
-
#528188
#528188
rgb(82,129,136)
-
#498791
#498791
rgb(73,135,145)
-
#418e99
#418e99
rgb(65,142,153)
-
#3894a2
#3894a2
rgb(56,148,162)
-
#309aaa
#309aaa
rgb(48,154,170)
-
#28a0b2
#28a0b2
rgb(40,160,178)
-
#1fa6bb
#1fa6bb
rgb(31,166,187)
-
#17adc3
#17adc3
rgb(23,173,195)
-
#0eb3cc
#0eb3cc
rgb(14,179,204)
-
#06b9d4
#06b9d4
rgb(6,185,212)
Color Blindness Simulator
Below, you can see how #309aaa 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.