#33aad2 Color Information
In a RGB color space, hex #33aad2 is composed of 20% red, 66.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 19% magenta, 0% yellow and 17.6% black. It has a hue angle of 195.1 degrees, a saturation of 63.9% and a lightness of 51.2%. #33aad2 color hex could be obtained by blending #66ffff with #0055a5. Closest websafe color is: #3399cc.
-
- R 20
- G 67
- B 82
-
- C 76
- M 19
- Y 0
- K 18
● #33aad2 color description : Strong blue.
#33aad2 Color Conversion
The hexadecimal color #33aad2 has RGB values of R:51, G:170, B:210 and CMYK values of C:0.76, M:0.19, Y:0, K:0.18. Its decimal value is 3386066.
Hex triplet | 33aad2 | #33aad2 |
---|---|---|
RGB Decimal | 51, 170, 210 | rgb(51,170,210) |
RGB Percent | 20, 66.7, 82.4 | rgb(20%,66.7%,82.4%) |
CMYK | 76, 19, 0, 18 | |
HSL | 195.1°, 63.9, 51.2 | hsl(195.1,63.9%,51.2%) |
HSV (or HSB) | 195.1°, 75.7, 82.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.045, -19.154, -29.622 |
---|---|
XYZ | 27.37, 34.104, 66.109 |
xyY | 0.215, 0.267, 34.104 |
CIE-LCH | 65.045, 35.276, 237.112 |
CIE-LUV | 65.045, -41.725, -43.984 |
Hunter-Lab | 58.399, -18.54, -26.24 |
Binary | 00110011, 10101010, 11010010 |
Color Schemes with #33aad2
Alternatives to #33aad2
Below, you can see some colors close to #33aad2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33aad2 Preview
This text has a font color of #33aad2.
<span style="color:#33aad2;">Text here</span>
This paragraph has a background color of #33aad2.
<p style="background-color:#33aad2;">Content here</p>
This element has a border color of #33aad2.
<div style="border:1px solid #33aad2;">Content here</div>
.text {color:#33aad2;}
.background {background-color:#33aad2;}
.border {border:1px solid #33aad2;}
Shades and Tints of #33aad2
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, #010405 is the darkest color, while #f4fafd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#051115
#051115
rgb(5,17,21)
-
#081e25
#081e25
rgb(8,30,37)
-
#0c2b35
#0c2b35
rgb(12,43,53)
-
#0f3845
#0f3845
rgb(15,56,69)
-
#134555
#134555
rgb(19,69,85)
-
#165165
#165165
rgb(22,81,101)
-
#1a5e75
#1a5e75
rgb(26,94,117)
-
#1d6b85
#1d6b85
rgb(29,107,133)
-
#217896
#217896
rgb(33,120,150)
-
#2585a6
#2585a6
rgb(37,133,166)
-
#2892b6
#2892b6
rgb(40,146,182)
-
#2c9fc6
#2c9fc6
rgb(44,159,198)
-
#33aad2
#33aad2
rgb(51,170,210)
-
#43b1d6
#43b1d6
rgb(67,177,214)
-
#53b7d9
#53b7d9
rgb(83,183,217)
-
#63bedd
#63bedd
rgb(99,190,221)
-
#73c5e0
#73c5e0
rgb(115,197,224)
-
#83cbe4
#83cbe4
rgb(131,203,228)
-
#93d2e7
#93d2e7
rgb(147,210,231)
-
#a3d9eb
#a3d9eb
rgb(163,217,235)
-
#b4e0ee
#b4e0ee
rgb(180,224,238)
-
#c4e6f2
#c4e6f2
rgb(196,230,242)
-
#d4edf5
#d4edf5
rgb(212,237,245)
-
#e4f4f9
#e4f4f9
rgb(228,244,249)
-
#f4fafd
#f4fafd
rgb(244,250,253)
Tones of #33aad2
A tone is produced by adding gray to any pure hue. In this case, #808485 is the less saturated color, while #0dbdf8 is the most saturated one.
-
#808485
#808485
rgb(128,132,133)
-
#76898f
#76898f
rgb(118,137,143)
-
#6c8d99
#6c8d99
rgb(108,141,153)
-
#6392a2
#6392a2
rgb(99,146,162)
-
#5997ac
#5997ac
rgb(89,151,172)
-
#509cb5
#509cb5
rgb(80,156,181)
-
#46a0bf
#46a0bf
rgb(70,160,191)
-
#3da5c8
#3da5c8
rgb(61,165,200)
-
#33aad2
#33aad2
rgb(51,170,210)
-
#29afdc
#29afdc
rgb(41,175,220)
-
#20b4e5
#20b4e5
rgb(32,180,229)
-
#16b8ef
#16b8ef
rgb(22,184,239)
-
#0dbdf8
#0dbdf8
rgb(13,189,248)
Color Blindness Simulator
Below, you can see how #33aad2 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.