#309ac8 Color Information
In a RGB color space, hex #309ac8 is composed of 18.8% red, 60.4% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 23% magenta, 0% yellow and 21.6% black. It has a hue angle of 198.2 degrees, a saturation of 61.3% and a lightness of 48.6%. #309ac8 color hex could be obtained by blending #60ffff with #003591. Closest websafe color is: #3399cc.
-
- R 19
- G 60
- B 78
-
- C 76
- M 23
- Y 0
- K 22
● #309ac8 color description : Strong blue.
#309ac8 Color Conversion
The hexadecimal color #309ac8 has RGB values of R:48, G:154, B:200 and CMYK values of C:0.76, M:0.23, Y:0, K:0.22. Its decimal value is 3185352.
Hex triplet | 309ac8 | #309ac8 |
---|---|---|
RGB Decimal | 48, 154, 200 | rgb(48,154,200) |
RGB Percent | 18.8, 60.4, 78.4 | rgb(18.8%,60.4%,78.4%) |
CMYK | 76, 23, 0, 22 | |
HSL | 198.2°, 61.3, 48.6 | hsl(198.2,61.3%,48.6%) |
HSV (or HSB) | 198.2°, 76, 78.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 59.805, -14.281, -32.174 |
---|---|
XYZ | 23.197, 27.908, 58.805 |
xyY | 0.211, 0.254, 27.908 |
CIE-LCH | 59.805, 35.201, 246.065 |
CIE-LUV | 59.805, -37.125, -48.252 |
Hunter-Lab | 52.828, -14.067, -29.019 |
Binary | 00110000, 10011010, 11001000 |
Color Schemes with #309ac8
Alternatives to #309ac8
Below, you can see some colors close to #309ac8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309ac8 Preview
This text has a font color of #309ac8.
<span style="color:#309ac8;">Text here</span>
This paragraph has a background color of #309ac8.
<p style="background-color:#309ac8;">Content here</p>
This element has a border color of #309ac8.
<div style="border:1px solid #309ac8;">Content here</div>
.text {color:#309ac8;}
.background {background-color:#309ac8;}
.border {border:1px solid #309ac8;}
Shades and Tints of #309ac8
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, #02080a is the darkest color, while #f9fcfe is the lightest one.
-
#02080a
#02080a
rgb(2,8,10)
-
#06141a
#06141a
rgb(6,20,26)
-
#0a202a
#0a202a
rgb(10,32,42)
-
#0e2c3a
#0e2c3a
rgb(14,44,58)
-
#123949
#123949
rgb(18,57,73)
-
#154559
#154559
rgb(21,69,89)
-
#195169
#195169
rgb(25,81,105)
-
#1d5d79
#1d5d79
rgb(29,93,121)
-
#216989
#216989
rgb(33,105,137)
-
#257599
#257599
rgb(37,117,153)
-
#2882a8
#2882a8
rgb(40,130,168)
-
#2c8eb8
#2c8eb8
rgb(44,142,184)
-
#309ac8
#309ac8
rgb(48,154,200)
-
#3ca3d0
#3ca3d0
rgb(60,163,208)
-
#4babd4
#4babd4
rgb(75,171,212)
-
#5bb2d8
#5bb2d8
rgb(91,178,216)
-
#6bb9db
#6bb9db
rgb(107,185,219)
-
#7bc1df
#7bc1df
rgb(123,193,223)
-
#8bc8e3
#8bc8e3
rgb(139,200,227)
-
#9ad0e7
#9ad0e7
rgb(154,208,231)
-
#aad7eb
#aad7eb
rgb(170,215,235)
-
#badfee
#badfee
rgb(186,223,238)
-
#cae6f2
#cae6f2
rgb(202,230,242)
-
#daedf6
#daedf6
rgb(218,237,246)
-
#eaf5fa
#eaf5fa
rgb(234,245,250)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #309ac8
A tone is produced by adding gray to any pure hue. In this case, #738085 is the less saturated color, while #00adf8 is the most saturated one.
-
#738085
#738085
rgb(115,128,133)
-
#69838f
#69838f
rgb(105,131,143)
-
#608798
#608798
rgb(96,135,152)
-
#568ba2
#568ba2
rgb(86,139,162)
-
#4d8fab
#4d8fab
rgb(77,143,171)
-
#4392b5
#4392b5
rgb(67,146,181)
-
#3a96be
#3a96be
rgb(58,150,190)
-
#309ac8
#309ac8
rgb(48,154,200)
-
#269ed2
#269ed2
rgb(38,158,210)
-
#1da2db
#1da2db
rgb(29,162,219)
-
#13a5e5
#13a5e5
rgb(19,165,229)
-
#0aa9ee
#0aa9ee
rgb(10,169,238)
-
#00adf8
#00adf8
rgb(0,173,248)
Color Blindness Simulator
Below, you can see how #309ac8 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.