#307e80 Color Information
In a RGB color space, hex #307e80 is composed of 18.8% red, 49.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 1.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 181.5 degrees, a saturation of 45.5% and a lightness of 34.5%. #307e80 color hex could be obtained by blending #60fcff with #000001. Closest websafe color is: #336699.
-
- R 19
- G 49
- B 50
-
- C 63
- M 2
- Y 0
- K 50
● #307e80 color description : Dark moderate cyan.
#307e80 Color Conversion
The hexadecimal color #307e80 has RGB values of R:48, G:126, B:128 and CMYK values of C:0.63, M:0.02, Y:0, K:0.5. Its decimal value is 3178112.
Hex triplet | 307e80 | #307e80 |
---|---|---|
RGB Decimal | 48, 126, 128 | rgb(48,126,128) |
RGB Percent | 18.8, 49.4, 50.2 | rgb(18.8%,49.4%,50.2%) |
CMYK | 63, 2, 0, 50 | |
HSL | 181.5°, 45.5, 34.5 | hsl(181.5,45.5%,34.5%) |
HSV (or HSB) | 181.5°, 62.5, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.395, -22.79, -8.189 |
---|---|
XYZ | 12.575, 17.108, 23.06 |
xyY | 0.238, 0.324, 17.108 |
CIE-LCH | 48.395, 24.216, 199.764 |
CIE-LUV | 48.395, -30.945, -8.372 |
Hunter-Lab | 41.361, -18.114, -4.103 |
Binary | 00110000, 01111110, 10000000 |
Color Schemes with #307e80
Alternatives to #307e80
Below, you can see some colors close to #307e80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#307e80 Preview
This text has a font color of #307e80.
<span style="color:#307e80;">Text here</span>
This paragraph has a background color of #307e80.
<p style="background-color:#307e80;">Content here</p>
This element has a border color of #307e80.
<div style="border:1px solid #307e80;">Content here</div>
.text {color:#307e80;}
.background {background-color:#307e80;}
.border {border:1px solid #307e80;}
Shades and Tints of #307e80
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, #050e0e is the darkest color, while #ffffff is the lightest one.
-
#050e0e
#050e0e
rgb(5,14,14)
-
#0b1c1c
#0b1c1c
rgb(11,28,28)
-
#102a2a
#102a2a
rgb(16,42,42)
-
#153839
#153839
rgb(21,56,57)
-
#1b4647
#1b4647
rgb(27,70,71)
-
#205455
#205455
rgb(32,84,85)
-
#256263
#256263
rgb(37,98,99)
-
#2b7072
#2b7072
rgb(43,112,114)
-
#307e80
#307e80
rgb(48,126,128)
-
#358c8e
#358c8e
rgb(53,140,142)
-
#3b9a9d
#3b9a9d
rgb(59,154,157)
-
#40a8ab
#40a8ab
rgb(64,168,171)
-
#45b6b9
#45b6b9
rgb(69,182,185)
-
#53bcbf
#53bcbf
rgb(83,188,191)
-
#62c2c4
#62c2c4
rgb(98,194,196)
-
#70c7c9
#70c7c9
rgb(112,199,201)
-
#7ecdcf
#7ecdcf
rgb(126,205,207)
-
#8cd2d4
#8cd2d4
rgb(140,210,212)
-
#9bd8d9
#9bd8d9
rgb(155,216,217)
-
#a9dddf
#a9dddf
rgb(169,221,223)
-
#b7e3e4
#b7e3e4
rgb(183,227,228)
-
#c6e9e9
#c6e9e9
rgb(198,233,233)
-
#d4eeef
#d4eeef
rgb(212,238,239)
-
#e2f4f4
#e2f4f4
rgb(226,244,244)
-
#f0f9fa
#f0f9fa
rgb(240,249,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #307e80
A tone is produced by adding gray to any pure hue. In this case, #525e5e is the less saturated color, while #01abaf is the most saturated one.
-
#525e5e
#525e5e
rgb(82,94,94)
-
#4b6465
#4b6465
rgb(75,100,101)
-
#446b6c
#446b6c
rgb(68,107,108)
-
#3e7172
#3e7172
rgb(62,113,114)
-
#377879
#377879
rgb(55,120,121)
-
#307e80
#307e80
rgb(48,126,128)
-
#298487
#298487
rgb(41,132,135)
-
#228b8e
#228b8e
rgb(34,139,142)
-
#1c9194
#1c9194
rgb(28,145,148)
-
#15989b
#15989b
rgb(21,152,155)
-
#0e9ea2
#0e9ea2
rgb(14,158,162)
-
#07a5a9
#07a5a9
rgb(7,165,169)
-
#01abaf
#01abaf
rgb(1,171,175)
Color Blindness Simulator
Below, you can see how #307e80 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.