#30a5bd Color Information
In a RGB color space, hex #30a5bd is composed of 18.8% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 190.2 degrees, a saturation of 59.5% and a lightness of 46.5%. #30a5bd color hex could be obtained by blending #60ffff with #004b7b. Closest websafe color is: #3399cc.
-
- R 19
- G 65
- B 74
-
- C 75
- M 13
- Y 0
- K 26
● #30a5bd color description : Moderate cyan.
#30a5bd Color Conversion
The hexadecimal color #30a5bd has RGB values of R:48, G:165, B:189 and CMYK values of C:0.75, M:0.13, Y:0, K:0.26. Its decimal value is 3188157.
Hex triplet | 30a5bd | #30a5bd |
---|---|---|
RGB Decimal | 48, 165, 189 | rgb(48,165,189) |
RGB Percent | 18.8, 64.7, 74.1 | rgb(18.8%,64.7%,74.1%) |
CMYK | 75, 13, 0, 26 | |
HSL | 190.2°, 59.5, 46.5 | hsl(190.2,59.5%,46.5%) |
HSV (or HSB) | 190.2°, 74.6, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.685, -23.76, -21.572 |
---|---|
XYZ | 23.857, 31.211, 52.908 |
xyY | 0.221, 0.289, 31.211 |
CIE-LCH | 62.685, 32.092, 222.237 |
CIE-LUV | 62.685, -41.72, -29.892 |
Hunter-Lab | 55.866, -21.541, -17.044 |
Binary | 00110000, 10100101, 10111101 |
Color Schemes with #30a5bd
Alternatives to #30a5bd
Below, you can see some colors close to #30a5bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#30a5bd Preview
This text has a font color of #30a5bd.
<span style="color:#30a5bd;">Text here</span>
This paragraph has a background color of #30a5bd.
<p style="background-color:#30a5bd;">Content here</p>
This element has a border color of #30a5bd.
<div style="border:1px solid #30a5bd;">Content here</div>
.text {color:#30a5bd;}
.background {background-color:#30a5bd;}
.border {border:1px solid #30a5bd;}
Shades and Tints of #30a5bd
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 #f1fafb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040f11
#040f11
rgb(4,15,17)
-
#081c21
#081c21
rgb(8,28,33)
-
#0c2a30
#0c2a30
rgb(12,42,48)
-
#103840
#103840
rgb(16,56,64)
-
#144550
#144550
rgb(20,69,80)
-
#18535f
#18535f
rgb(24,83,95)
-
#1c616f
#1c616f
rgb(28,97,111)
-
#206e7e
#206e7e
rgb(32,110,126)
-
#247c8e
#247c8e
rgb(36,124,142)
-
#288a9e
#288a9e
rgb(40,138,158)
-
#2c97ad
#2c97ad
rgb(44,151,173)
-
#30a5bd
#30a5bd
rgb(48,165,189)
-
#35b2cc
#35b2cc
rgb(53,178,204)
-
#45b8d0
#45b8d0
rgb(69,184,208)
-
#54bed4
#54bed4
rgb(84,190,212)
-
#64c4d8
#64c4d8
rgb(100,196,216)
-
#74cadc
#74cadc
rgb(116,202,220)
-
#83d0e0
#83d0e0
rgb(131,208,224)
-
#93d6e4
#93d6e4
rgb(147,214,228)
-
#a2dce7
#a2dce7
rgb(162,220,231)
-
#b2e2eb
#b2e2eb
rgb(178,226,235)
-
#c2e8ef
#c2e8ef
rgb(194,232,239)
-
#d1eef3
#d1eef3
rgb(209,238,243)
-
#e1f4f7
#e1f4f7
rgb(225,244,247)
-
#f1fafb
#f1fafb
rgb(241,250,251)
Tones of #30a5bd
A tone is produced by adding gray to any pure hue. In this case, #707b7d is the less saturated color, while #02c3eb is the most saturated one.
-
#707b7d
#707b7d
rgb(112,123,125)
-
#678186
#678186
rgb(103,129,134)
-
#5e878f
#5e878f
rgb(94,135,143)
-
#548d99
#548d99
rgb(84,141,153)
-
#4b93a2
#4b93a2
rgb(75,147,162)
-
#4299ab
#4299ab
rgb(66,153,171)
-
#399fb4
#399fb4
rgb(57,159,180)
-
#30a5bd
#30a5bd
rgb(48,165,189)
-
#27abc6
#27abc6
rgb(39,171,198)
-
#1eb1cf
#1eb1cf
rgb(30,177,207)
-
#15b7d8
#15b7d8
rgb(21,183,216)
-
#0cbde1
#0cbde1
rgb(12,189,225)
-
#02c3eb
#02c3eb
rgb(2,195,235)
Color Blindness Simulator
Below, you can see how #30a5bd 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.