#309aa7 Color Information
In a RGB color space, hex #309aa7 is composed of 18.8% red, 60.4% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 7.8% magenta, 0% yellow and 34.5% black. It has a hue angle of 186.6 degrees, a saturation of 55.3% and a lightness of 42.2%. #309aa7 color hex could be obtained by blending #60ffff with #00354f. Closest websafe color is: #339999.
-
- R 19
- G 60
- B 65
-
- C 71
- M 8
- Y 0
- K 35
● #309aa7 color description : Dark cyan.
#309aa7 Color Conversion
The hexadecimal color #309aa7 has RGB values of R:48, G:154, B:167 and CMYK values of C:0.71, M:0.08, Y:0, K:0.35. Its decimal value is 3185319.
Hex triplet | 309aa7 | #309aa7 |
---|---|---|
RGB Decimal | 48, 154, 167 | rgb(48,154,167) |
RGB Percent | 18.8, 60.4, 65.5 | rgb(18.8%,60.4%,65.5%) |
CMYK | 71, 8, 0, 35 | |
HSL | 186.6°, 55.3, 42.2 | hsl(186.6,55.3%,42.2%) |
HSV (or HSB) | 186.6°, 71.3, 65.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.535, -25.132, -15.488 |
---|---|
XYZ | 19.748, 26.528, 40.637 |
xyY | 0.227, 0.305, 26.528 |
CIE-LCH | 58.535, 29.521, 211.644 |
CIE-LUV | 58.535, -39.148, -19.676 |
Hunter-Lab | 51.505, -21.696, -10.725 |
Binary | 00110000, 10011010, 10100111 |
Color Schemes with #309aa7
Alternatives to #309aa7
Below, you can see some colors close to #309aa7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309aa7 Preview
This text has a font color of #309aa7.
<span style="color:#309aa7;">Text here</span>
This paragraph has a background color of #309aa7.
<p style="background-color:#309aa7;">Content here</p>
This element has a border color of #309aa7.
<div style="border:1px solid #309aa7;">Content here</div>
.text {color:#309aa7;}
.background {background-color:#309aa7;}
.border {border:1px solid #309aa7;}
Shades and Tints of #309aa7
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, #040d0f is the darkest color, while #feffff is the lightest one.
-
#040d0f
#040d0f
rgb(4,13,15)
-
#091c1e
#091c1e
rgb(9,28,30)
-
#0d2a2d
#0d2a2d
rgb(13,42,45)
-
#11383c
#11383c
rgb(17,56,60)
-
#16464c
#16464c
rgb(22,70,76)
-
#1a545b
#1a545b
rgb(26,84,91)
-
#1e626a
#1e626a
rgb(30,98,106)
-
#237079
#237079
rgb(35,112,121)
-
#277e89
#277e89
rgb(39,126,137)
-
#2c8c98
#2c8c98
rgb(44,140,152)
-
#309aa7
#309aa7
rgb(48,154,167)
-
#34a8b6
#34a8b6
rgb(52,168,182)
-
#39b6c5
#39b6c5
rgb(57,182,197)
-
#48bcca
#48bcca
rgb(72,188,202)
-
#57c2cf
#57c2cf
rgb(87,194,207)
-
#66c7d3
#66c7d3
rgb(102,199,211)
-
#75cdd7
#75cdd7
rgb(117,205,215)
-
#85d2dc
#85d2dc
rgb(133,210,220)
-
#94d8e0
#94d8e0
rgb(148,216,224)
-
#a3dde5
#a3dde5
rgb(163,221,229)
-
#b2e3e9
#b2e3e9
rgb(178,227,233)
-
#c1e9ed
#c1e9ed
rgb(193,233,237)
-
#d1eef2
#d1eef2
rgb(209,238,242)
-
#e0f4f6
#e0f4f6
rgb(224,244,246)
-
#eff9fa
#eff9fa
rgb(239,249,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #309aa7
A tone is produced by adding gray to any pure hue. In this case, #6a6d6d is the less saturated color, while #07bad0 is the most saturated one.
-
#6a6d6d
#6a6d6d
rgb(106,109,109)
-
#627375
#627375
rgb(98,115,117)
-
#597a7e
#597a7e
rgb(89,122,126)
-
#518086
#518086
rgb(81,128,134)
-
#49878e
#49878e
rgb(73,135,142)
-
#418d96
#418d96
rgb(65,141,150)
-
#38949f
#38949f
rgb(56,148,159)
-
#309aa7
#309aa7
rgb(48,154,167)
-
#28a0af
#28a0af
rgb(40,160,175)
-
#1fa7b8
#1fa7b8
rgb(31,167,184)
-
#17adc0
#17adc0
rgb(23,173,192)
-
#0fb4c8
#0fb4c8
rgb(15,180,200)
-
#07bad0
#07bad0
rgb(7,186,208)
Color Blindness Simulator
Below, you can see how #309aa7 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.