#33afd2 Color Information
In a RGB color space, hex #33afd2 is composed of 20% red, 68.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 16.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 193.2 degrees, a saturation of 63.9% and a lightness of 51.2%. #33afd2 color hex could be obtained by blending #66ffff with #005fa5. Closest websafe color is: #3399cc.
-
- R 20
- G 69
- B 82
-
- C 76
- M 17
- Y 0
- K 18
● #33afd2 color description : Strong cyan.
#33afd2 Color Conversion
The hexadecimal color #33afd2 has RGB values of R:51, G:175, B:210 and CMYK values of C:0.76, M:0.17, Y:0, K:0.18. Its decimal value is 3387346.
Hex triplet | 33afd2 | #33afd2 |
---|---|---|
RGB Decimal | 51, 175, 210 | rgb(51,175,210) |
RGB Percent | 20, 68.6, 82.4 | rgb(20%,68.6%,82.4%) |
CMYK | 76, 17, 0, 18 | |
HSL | 193.2°, 63.9, 51.2 | hsl(193.2,63.9%,51.2%) |
HSV (or HSB) | 193.2°, 75.7, 82.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.531, -21.762, -27.332 |
---|---|
XYZ | 28.325, 36.014, 66.428 |
xyY | 0.217, 0.275, 36.014 |
CIE-LCH | 66.531, 34.937, 231.473 |
CIE-LUV | 66.531, -43.488, -39.955 |
Hunter-Lab | 60.012, -20.771, -23.62 |
Binary | 00110011, 10101111, 11010010 |
Color Schemes with #33afd2
Alternatives to #33afd2
Below, you can see some colors close to #33afd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33afd2 Preview
This text has a font color of #33afd2.
<span style="color:#33afd2;">Text here</span>
This paragraph has a background color of #33afd2.
<p style="background-color:#33afd2;">Content here</p>
This element has a border color of #33afd2.
<div style="border:1px solid #33afd2;">Content here</div>
.text {color:#33afd2;}
.background {background-color:#33afd2;}
.border {border:1px solid #33afd2;}
Shades and Tints of #33afd2
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 #f4fbfd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#051115
#051115
rgb(5,17,21)
-
#081f25
#081f25
rgb(8,31,37)
-
#0c2c35
#0c2c35
rgb(12,44,53)
-
#0f3945
#0f3945
rgb(15,57,69)
-
#134755
#134755
rgb(19,71,85)
-
#165465
#165465
rgb(22,84,101)
-
#1a6175
#1a6175
rgb(26,97,117)
-
#1d6f85
#1d6f85
rgb(29,111,133)
-
#217c96
#217c96
rgb(33,124,150)
-
#2589a6
#2589a6
rgb(37,137,166)
-
#2897b6
#2897b6
rgb(40,151,182)
-
#2ca4c6
#2ca4c6
rgb(44,164,198)
-
#33afd2
#33afd2
rgb(51,175,210)
-
#43b5d6
#43b5d6
rgb(67,181,214)
-
#53bcd9
#53bcd9
rgb(83,188,217)
-
#63c2dd
#63c2dd
rgb(99,194,221)
-
#73c8e0
#73c8e0
rgb(115,200,224)
-
#83cfe4
#83cfe4
rgb(131,207,228)
-
#93d5e7
#93d5e7
rgb(147,213,231)
-
#a3dbeb
#a3dbeb
rgb(163,219,235)
-
#b4e1ee
#b4e1ee
rgb(180,225,238)
-
#c4e8f2
#c4e8f2
rgb(196,232,242)
-
#d4eef5
#d4eef5
rgb(212,238,245)
-
#e4f4f9
#e4f4f9
rgb(228,244,249)
-
#f4fbfd
#f4fbfd
rgb(244,251,253)
Tones of #33afd2
A tone is produced by adding gray to any pure hue. In this case, #808485 is the less saturated color, while #0dc4f8 is the most saturated one.
-
#808485
#808485
rgb(128,132,133)
-
#76898f
#76898f
rgb(118,137,143)
-
#6c8f99
#6c8f99
rgb(108,143,153)
-
#6394a2
#6394a2
rgb(99,148,162)
-
#599aac
#599aac
rgb(89,154,172)
-
#509fb5
#509fb5
rgb(80,159,181)
-
#46a4bf
#46a4bf
rgb(70,164,191)
-
#3daac8
#3daac8
rgb(61,170,200)
-
#33afd2
#33afd2
rgb(51,175,210)
-
#29b4dc
#29b4dc
rgb(41,180,220)
-
#20bae5
#20bae5
rgb(32,186,229)
-
#16bfef
#16bfef
rgb(22,191,239)
-
#0dc4f8
#0dc4f8
rgb(13,196,248)
Color Blindness Simulator
Below, you can see how #33afd2 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.