#309bbd Color Information
In a RGB color space, hex #309bbd is composed of 18.8% red, 60.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 18% magenta, 0% yellow and 25.9% black. It has a hue angle of 194.5 degrees, a saturation of 59.5% and a lightness of 46.5%. #309bbd color hex could be obtained by blending #60ffff with #00377b. Closest websafe color is: #3399cc.
-
- R 19
- G 61
- B 74
-
- C 75
- M 18
- Y 0
- K 26
● #309bbd color description : Moderate cyan.
#309bbd Color Conversion
The hexadecimal color #309bbd has RGB values of R:48, G:155, B:189 and CMYK values of C:0.75, M:0.18, Y:0, K:0.26. Its decimal value is 3185597.
Hex triplet | 309bbd | #309bbd |
---|---|---|
RGB Decimal | 48, 155, 189 | rgb(48,155,189) |
RGB Percent | 18.8, 60.8, 74.1 | rgb(18.8%,60.8%,74.1%) |
CMYK | 75, 18, 0, 26 | |
HSL | 194.5°, 59.5, 46.5 | hsl(194.5,59.5%,46.5%) |
HSV (or HSB) | 194.5°, 74.6, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 59.656, -18.537, -26.22 |
---|---|
XYZ | 22.123, 27.743, 52.33 |
xyY | 0.216, 0.271, 27.743 |
CIE-LCH | 59.656, 32.111, 234.74 |
CIE-LUV | 59.656, -38.139, -37.905 |
Hunter-Lab | 52.672, -17.203, -22.035 |
Binary | 00110000, 10011011, 10111101 |
Color Schemes with #309bbd
Alternatives to #309bbd
Below, you can see some colors close to #309bbd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309bbd Preview
This text has a font color of #309bbd.
<span style="color:#309bbd;">Text here</span>
This paragraph has a background color of #309bbd.
<p style="background-color:#309bbd;">Content here</p>
This element has a border color of #309bbd.
<div style="border:1px solid #309bbd;">Content here</div>
.text {color:#309bbd;}
.background {background-color:#309bbd;}
.border {border:1px solid #309bbd;}
Shades and Tints of #309bbd
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, #000101 is the darkest color, while #f1f9fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040e11
#040e11
rgb(4,14,17)
-
#081b21
#081b21
rgb(8,27,33)
-
#0c2830
#0c2830
rgb(12,40,48)
-
#103440
#103440
rgb(16,52,64)
-
#144150
#144150
rgb(20,65,80)
-
#184e5f
#184e5f
rgb(24,78,95)
-
#1c5b6f
#1c5b6f
rgb(28,91,111)
-
#20687e
#20687e
rgb(32,104,126)
-
#24758e
#24758e
rgb(36,117,142)
-
#28819e
#28819e
rgb(40,129,158)
-
#2c8ead
#2c8ead
rgb(44,142,173)
-
#309bbd
#309bbd
rgb(48,155,189)
-
#35a7cc
#35a7cc
rgb(53,167,204)
-
#45aed0
#45aed0
rgb(69,174,208)
-
#54b5d4
#54b5d4
rgb(84,181,212)
-
#64bcd8
#64bcd8
rgb(100,188,216)
-
#74c2dc
#74c2dc
rgb(116,194,220)
-
#83c9e0
#83c9e0
rgb(131,201,224)
-
#93d0e4
#93d0e4
rgb(147,208,228)
-
#a2d7e7
#a2d7e7
rgb(162,215,231)
-
#b2deeb
#b2deeb
rgb(178,222,235)
-
#c2e4ef
#c2e4ef
rgb(194,228,239)
-
#d1ebf3
#d1ebf3
rgb(209,235,243)
-
#e1f2f7
#e1f2f7
rgb(225,242,247)
-
#f1f9fb
#f1f9fb
rgb(241,249,251)
Tones of #309bbd
A tone is produced by adding gray to any pure hue. In this case, #707a7d is the less saturated color, while #02b3eb is the most saturated one.
-
#707a7d
#707a7d
rgb(112,122,125)
-
#677f86
#677f86
rgb(103,127,134)
-
#5e838f
#5e838f
rgb(94,131,143)
-
#548899
#548899
rgb(84,136,153)
-
#4b8da2
#4b8da2
rgb(75,141,162)
-
#4292ab
#4292ab
rgb(66,146,171)
-
#3996b4
#3996b4
rgb(57,150,180)
-
#309bbd
#309bbd
rgb(48,155,189)
-
#27a0c6
#27a0c6
rgb(39,160,198)
-
#1ea4cf
#1ea4cf
rgb(30,164,207)
-
#15a9d8
#15a9d8
rgb(21,169,216)
-
#0caee1
#0caee1
rgb(12,174,225)
-
#02b3eb
#02b3eb
rgb(2,179,235)
Color Blindness Simulator
Below, you can see how #309bbd 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.