#309ca3 Color Information
In a RGB color space, hex #309ca3 is composed of 18.8% red, 61.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 4.3% magenta, 0% yellow and 36.1% black. It has a hue angle of 183.7 degrees, a saturation of 54.5% and a lightness of 41.4%. #309ca3 color hex could be obtained by blending #60ffff with #003947. Closest websafe color is: #339999.
-
- R 19
- G 61
- B 64
-
- C 71
- M 4
- Y 0
- K 36
● #309ca3 color description : Dark cyan.
#309ca3 Color Conversion
The hexadecimal color #309ca3 has RGB values of R:48, G:156, B:163 and CMYK values of C:0.71, M:0.04, Y:0, K:0.36. Its decimal value is 3185827.
Hex triplet | 309ca3 | #309ca3 |
---|---|---|
RGB Decimal | 48, 156, 163 | rgb(48,156,163) |
RGB Percent | 18.8, 61.2, 63.9 | rgb(18.8%,61.2%,63.9%) |
CMYK | 71, 4, 0, 36 | |
HSL | 183.7°, 54.5, 41.4 | hsl(183.7,54.5%,41.4%) |
HSV (or HSB) | 183.7°, 70.6, 63.9 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 59.019, -27.374, -12.487 |
---|---|
XYZ | 19.716, 27.048, 38.83 |
xyY | 0.23, 0.316, 27.048 |
CIE-LCH | 59.019, 30.087, 204.52 |
CIE-LUV | 59.019, -40.136, -14.684 |
Hunter-Lab | 52.008, -23.343, -7.862 |
Binary | 00110000, 10011100, 10100011 |
Color Schemes with #309ca3
Alternatives to #309ca3
Below, you can see some colors close to #309ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#309ca3 Preview
This text has a font color of #309ca3.
<span style="color:#309ca3;">Text here</span>
This paragraph has a background color of #309ca3.
<p style="background-color:#309ca3;">Content here</p>
This element has a border color of #309ca3.
<div style="border:1px solid #309ca3;">Content here</div>
.text {color:#309ca3;}
.background {background-color:#309ca3;}
.border {border:1px solid #309ca3;}
Shades and Tints of #309ca3
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, #030b0b is the darkest color, while #fbfefe is the lightest one.
-
#030b0b
#030b0b
rgb(3,11,11)
-
#08191b
#08191b
rgb(8,25,27)
-
#0c282a
#0c282a
rgb(12,40,42)
-
#113639
#113639
rgb(17,54,57)
-
#154548
#154548
rgb(21,69,72)
-
#1a5357
#1a5357
rgb(26,83,87)
-
#1e6266
#1e6266
rgb(30,98,102)
-
#237076
#237076
rgb(35,112,118)
-
#277f85
#277f85
rgb(39,127,133)
-
#2c8d94
#2c8d94
rgb(44,141,148)
-
#309ca3
#309ca3
rgb(48,156,163)
-
#34abb2
#34abb2
rgb(52,171,178)
-
#39b9c1
#39b9c1
rgb(57,185,193)
-
#45c0c8
#45c0c8
rgb(69,192,200)
-
#55c6cd
#55c6cd
rgb(85,198,205)
-
#64cbd1
#64cbd1
rgb(100,203,209)
-
#73d0d6
#73d0d6
rgb(115,208,214)
-
#82d5da
#82d5da
rgb(130,213,218)
-
#91dadf
#91dadf
rgb(145,218,223)
-
#a0dfe3
#a0dfe3
rgb(160,223,227)
-
#b0e4e8
#b0e4e8
rgb(176,228,232)
-
#bfe9ec
#bfe9ec
rgb(191,233,236)
-
#ceeef1
#ceeef1
rgb(206,238,241)
-
#ddf4f5
#ddf4f5
rgb(221,244,245)
-
#ecf9f9
#ecf9f9
rgb(236,249,249)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #309ca3
A tone is produced by adding gray to any pure hue. In this case, #696a6a is the less saturated color, while #07c0cc is the most saturated one.
-
#696a6a
#696a6a
rgb(105,106,106)
-
#617172
#617172
rgb(97,113,114)
-
#59787a
#59787a
rgb(89,120,122)
-
#507f83
#507f83
rgb(80,127,131)
-
#48878b
#48878b
rgb(72,135,139)
-
#408e93
#408e93
rgb(64,142,147)
-
#38959b
#38959b
rgb(56,149,155)
-
#309ca3
#309ca3
rgb(48,156,163)
-
#28a3ab
#28a3ab
rgb(40,163,171)
-
#20aab3
#20aab3
rgb(32,170,179)
-
#18b1bb
#18b1bb
rgb(24,177,187)
-
#10b9c3
#10b9c3
rgb(16,185,195)
-
#07c0cc
#07c0cc
rgb(7,192,204)
Color Blindness Simulator
Below, you can see how #309ca3 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.