#309cc0 Color Information
In a RGB color space, hex #309cc0 is composed of 18.8% red, 61.2% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 18.8% magenta, 0% yellow and 24.7% black. It has a hue angle of 195 degrees, a saturation of 60% and a lightness of 47.1%. #309cc0 color hex could be obtained by blending #60ffff with #003981. Closest websafe color is: #3399cc.
-
- R 19
- G 61
- B 75
-
- C 75
- M 19
- Y 0
- K 25
● #309cc0 color description : Strong blue.
#309cc0 Color Conversion
The hexadecimal color #309cc0 has RGB values of R:48, G:156, B:192 and CMYK values of C:0.75, M:0.19, Y:0, K:0.25. Its decimal value is 3185856.
Hex triplet | 309cc0 | #309cc0 |
---|---|---|
RGB Decimal | 48, 156, 192 | rgb(48,156,192) |
RGB Percent | 18.8, 61.2, 75.3 | rgb(18.8%,61.2%,75.3%) |
CMYK | 75, 19, 0, 25 | |
HSL | 195°, 60, 47.1 | hsl(195,60%,47.1%) |
HSV (or HSB) | 195°, 75, 75.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 60.077, -18.07, -27.259 |
---|---|
XYZ | 22.619, 28.209, 54.119 |
xyY | 0.216, 0.269, 28.209 |
CIE-LCH | 60.077, 32.704, 236.46 |
CIE-LUV | 60.077, -38.313, -39.71 |
Hunter-Lab | 53.112, -16.927, -23.235 |
Binary | 00110000, 10011100, 11000000 |
Color Schemes with #309cc0
Alternatives to #309cc0
Below, you can see some colors close to #309cc0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309cc0 Preview
This text has a font color of #309cc0.
<span style="color:#309cc0;">Text here</span>
This paragraph has a background color of #309cc0.
<p style="background-color:#309cc0;">Content here</p>
This element has a border color of #309cc0.
<div style="border:1px solid #309cc0;">Content here</div>
.text {color:#309cc0;}
.background {background-color:#309cc0;}
.border {border:1px solid #309cc0;}
Shades and Tints of #309cc0
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, #010304 is the darkest color, while #f3fafc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#051013
#051013
rgb(5,16,19)
-
#091d23
#091d23
rgb(9,29,35)
-
#0d2933
#0d2933
rgb(13,41,51)
-
#113642
#113642
rgb(17,54,66)
-
#154352
#154352
rgb(21,67,82)
-
#185062
#185062
rgb(24,80,98)
-
#1c5c72
#1c5c72
rgb(28,92,114)
-
#206981
#206981
rgb(32,105,129)
-
#247691
#247691
rgb(36,118,145)
-
#2883a1
#2883a1
rgb(40,131,161)
-
#2c8fb0
#2c8fb0
rgb(44,143,176)
-
#309cc0
#309cc0
rgb(48,156,192)
-
#37a7cd
#37a7cd
rgb(55,167,205)
-
#46aed1
#46aed1
rgb(70,174,209)
-
#56b5d5
#56b5d5
rgb(86,181,213)
-
#66bcd9
#66bcd9
rgb(102,188,217)
-
#75c3dd
#75c3dd
rgb(117,195,221)
-
#85cae1
#85cae1
rgb(133,202,225)
-
#95d1e4
#95d1e4
rgb(149,209,228)
-
#a5d7e8
#a5d7e8
rgb(165,215,232)
-
#b4deec
#b4deec
rgb(180,222,236)
-
#c4e5f0
#c4e5f0
rgb(196,229,240)
-
#d4ecf4
#d4ecf4
rgb(212,236,244)
-
#e3f3f8
#e3f3f8
rgb(227,243,248)
-
#f3fafc
#f3fafc
rgb(243,250,252)
Tones of #309cc0
A tone is produced by adding gray to any pure hue. In this case, #717c7f is the less saturated color, while #02b3ee is the most saturated one.
-
#717c7f
#717c7f
rgb(113,124,127)
-
#678089
#678089
rgb(103,128,137)
-
#5e8592
#5e8592
rgb(94,133,146)
-
#558a9b
#558a9b
rgb(85,138,155)
-
#4c8ea4
#4c8ea4
rgb(76,142,164)
-
#4293ae
#4293ae
rgb(66,147,174)
-
#3997b7
#3997b7
rgb(57,151,183)
-
#309cc0
#309cc0
rgb(48,156,192)
-
#27a1c9
#27a1c9
rgb(39,161,201)
-
#1ea5d2
#1ea5d2
rgb(30,165,210)
-
#14aadc
#14aadc
rgb(20,170,220)
-
#0baee5
#0baee5
rgb(11,174,229)
-
#02b3ee
#02b3ee
rgb(2,179,238)
Color Blindness Simulator
Below, you can see how #309cc0 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.