#33a5cd Color Information
In a RGB color space, hex #33a5cd is composed of 20% red, 64.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 19.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 195.6 degrees, a saturation of 60.6% and a lightness of 50.2%. #33a5cd color hex could be obtained by blending #66ffff with #004b9b. Closest websafe color is: #3399cc.
-
- R 20
- G 65
- B 80
-
- C 75
- M 20
- Y 0
- K 20
● #33a5cd color description : Strong blue.
#33a5cd Color Conversion
The hexadecimal color #33a5cd has RGB values of R:51, G:165, B:205 and CMYK values of C:0.75, M:0.2, Y:0, K:0.2. Its decimal value is 3384781.
Hex triplet | 33a5cd | #33a5cd |
---|---|---|
RGB Decimal | 51, 165, 205 | rgb(51,165,205) |
RGB Percent | 20, 64.7, 80.4 | rgb(20%,64.7%,80.4%) |
CMYK | 75, 20, 0, 20 | |
HSL | 195.6°, 60.6, 50.2 | hsl(195.6,60.6%,50.2%) |
HSV (or HSB) | 195.6°, 75.1, 80.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.359, -18.17, -29.454 |
---|---|
XYZ | 25.837, 32.02, 62.573 |
xyY | 0.215, 0.266, 32.02 |
CIE-LCH | 63.359, 34.607, 238.329 |
CIE-LUV | 63.359, -40.27, -43.66 |
Hunter-Lab | 56.586, -17.523, -25.953 |
Binary | 00110011, 10100101, 11001101 |
Color Schemes with #33a5cd
Alternatives to #33a5cd
Below, you can see some colors close to #33a5cd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a5cd Preview
This text has a font color of #33a5cd.
<span style="color:#33a5cd;">Text here</span>
This paragraph has a background color of #33a5cd.
<p style="background-color:#33a5cd;">Content here</p>
This element has a border color of #33a5cd.
<div style="border:1px solid #33a5cd;">Content here</div>
.text {color:#33a5cd;}
.background {background-color:#33a5cd;}
.border {border:1px solid #33a5cd;}
Shades and Tints of #33a5cd
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 #f0f8fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040d11
#040d11
rgb(4,13,17)
-
#081a20
#081a20
rgb(8,26,32)
-
#0c2730
#0c2730
rgb(12,39,48)
-
#103340
#103340
rgb(16,51,64)
-
#144050
#144050
rgb(20,64,80)
-
#174d5f
#174d5f
rgb(23,77,95)
-
#1b596f
#1b596f
rgb(27,89,111)
-
#1f667f
#1f667f
rgb(31,102,127)
-
#23738f
#23738f
rgb(35,115,143)
-
#277f9e
#277f9e
rgb(39,127,158)
-
#2b8cae
#2b8cae
rgb(43,140,174)
-
#2f99be
#2f99be
rgb(47,153,190)
-
#33a5cd
#33a5cd
rgb(51,165,205)
-
#43acd1
#43acd1
rgb(67,172,209)
-
#53b3d5
#53b3d5
rgb(83,179,213)
-
#62bad9
#62bad9
rgb(98,186,217)
-
#72c1dc
#72c1dc
rgb(114,193,220)
-
#82c8e0
#82c8e0
rgb(130,200,224)
-
#92cfe4
#92cfe4
rgb(146,207,228)
-
#a1d6e8
#a1d6e8
rgb(161,214,232)
-
#b1ddec
#b1ddec
rgb(177,221,236)
-
#c1e4f0
#c1e4f0
rgb(193,228,240)
-
#d1ebf4
#d1ebf4
rgb(209,235,244)
-
#e0f1f7
#e0f1f7
rgb(224,241,247)
-
#f0f8fb
#f0f8fb
rgb(240,248,251)
Tones of #33a5cd
A tone is produced by adding gray to any pure hue. In this case, #778489 is the less saturated color, while #02bcfe is the most saturated one.
-
#778489
#778489
rgb(119,132,137)
-
#6e8992
#6e8992
rgb(110,137,146)
-
#648e9c
#648e9c
rgb(100,142,156)
-
#5a92a6
#5a92a6
rgb(90,146,166)
-
#5097b0
#5097b0
rgb(80,151,176)
-
#479cb9
#479cb9
rgb(71,156,185)
-
#3da0c3
#3da0c3
rgb(61,160,195)
-
#33a5cd
#33a5cd
rgb(51,165,205)
-
#29aad7
#29aad7
rgb(41,170,215)
-
#1faee1
#1faee1
rgb(31,174,225)
-
#16b3ea
#16b3ea
rgb(22,179,234)
-
#0cb8f4
#0cb8f4
rgb(12,184,244)
-
#02bcfe
#02bcfe
rgb(2,188,254)
Color Blindness Simulator
Below, you can see how #33a5cd 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.