#309cbc Color Information
In a RGB color space, hex #309cbc is composed of 18.8% red, 61.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 17% magenta, 0% yellow and 26.3% black. It has a hue angle of 193.7 degrees, a saturation of 59.3% and a lightness of 46.3%. #309cbc color hex could be obtained by blending #60ffff with #003979. Closest websafe color is: #3399cc.
-
- R 19
- G 61
- B 74
-
- C 74
- M 17
- Y 0
- K 26
● #309cbc color description : Moderate cyan.
#309cbc Color Conversion
The hexadecimal color #309cbc has RGB values of R:48, G:156, B:188 and CMYK values of C:0.74, M:0.17, Y:0, K:0.26. Its decimal value is 3185852.
Hex triplet | 309cbc | #309cbc |
---|---|---|
RGB Decimal | 48, 156, 188 | rgb(48,156,188) |
RGB Percent | 18.8, 61.2, 73.7 | rgb(18.8%,61.2%,73.7%) |
CMYK | 74, 17, 0, 26 | |
HSL | 193.7°, 59.3, 46.3 | hsl(193.7,59.3%,46.3%) |
HSV (or HSB) | 193.7°, 74.5, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 59.92, -19.4, -25.251 |
---|---|
XYZ | 22.182, 28.034, 51.816 |
xyY | 0.217, 0.275, 28.034 |
CIE-LCH | 59.92, 31.843, 232.465 |
CIE-LUV | 59.92, -38.559, -36.236 |
Hunter-Lab | 52.947, -17.876, -20.96 |
Binary | 00110000, 10011100, 10111100 |
Color Schemes with #309cbc
Alternatives to #309cbc
Below, you can see some colors close to #309cbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309cbc Preview
This text has a font color of #309cbc.
<span style="color:#309cbc;">Text here</span>
This paragraph has a background color of #309cbc.
<p style="background-color:#309cbc;">Content here</p>
This element has a border color of #309cbc.
<div style="border:1px solid #309cbc;">Content here</div>
.text {color:#309cbc;}
.background {background-color:#309cbc;}
.border {border:1px solid #309cbc;}
Shades and Tints of #309cbc
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, #000000 is the darkest color, while #f0f9fb is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#040d10
#040d10
rgb(4,13,16)
-
#081a20
#081a20
rgb(8,26,32)
-
#0c272f
#0c272f
rgb(12,39,47)
-
#10343f
#10343f
rgb(16,52,63)
-
#14414f
#14414f
rgb(20,65,79)
-
#184e5e
#184e5e
rgb(24,78,94)
-
#1c5b6e
#1c5b6e
rgb(28,91,110)
-
#20687d
#20687d
rgb(32,104,125)
-
#24758d
#24758d
rgb(36,117,141)
-
#28829d
#28829d
rgb(40,130,157)
-
#2c8fac
#2c8fac
rgb(44,143,172)
-
#309cbc
#309cbc
rgb(48,156,188)
-
#34a9cb
#34a9cb
rgb(52,169,203)
-
#44afcf
#44afcf
rgb(68,175,207)
-
#54b6d3
#54b6d3
rgb(84,182,211)
-
#63bdd7
#63bdd7
rgb(99,189,215)
-
#73c3db
#73c3db
rgb(115,195,219)
-
#82cadf
#82cadf
rgb(130,202,223)
-
#92d1e3
#92d1e3
rgb(146,209,227)
-
#a2d7e7
#a2d7e7
rgb(162,215,231)
-
#b1deeb
#b1deeb
rgb(177,222,235)
-
#c1e5ef
#c1e5ef
rgb(193,229,239)
-
#d1ebf3
#d1ebf3
rgb(209,235,243)
-
#e0f2f7
#e0f2f7
rgb(224,242,247)
-
#f0f9fb
#f0f9fb
rgb(240,249,251)
Tones of #309cbc
A tone is produced by adding gray to any pure hue. In this case, #707a7c is the less saturated color, while #03b5e9 is the most saturated one.
-
#707a7c
#707a7c
rgb(112,122,124)
-
#667e86
#667e86
rgb(102,126,134)
-
#5d838f
#5d838f
rgb(93,131,143)
-
#548898
#548898
rgb(84,136,152)
-
#4b8da1
#4b8da1
rgb(75,141,161)
-
#4292aa
#4292aa
rgb(66,146,170)
-
#3997b3
#3997b3
rgb(57,151,179)
-
#309cbc
#309cbc
rgb(48,156,188)
-
#27a1c5
#27a1c5
rgb(39,161,197)
-
#1ea6ce
#1ea6ce
rgb(30,166,206)
-
#15abd7
#15abd7
rgb(21,171,215)
-
#0cb0e0
#0cb0e0
rgb(12,176,224)
-
#03b5e9
#03b5e9
rgb(3,181,233)
Color Blindness Simulator
Below, you can see how #309cbc 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.