#33a7d2 Color Information
In a RGB color space, hex #33a7d2 is composed of 20% red, 65.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 20.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 196.2 degrees, a saturation of 63.9% and a lightness of 51.2%. #33a7d2 color hex could be obtained by blending #66ffff with #004fa5. Closest websafe color is: #3399cc.
-
- R 20
- G 65
- B 82
-
- C 76
- M 20
- Y 0
- K 18
● #33a7d2 color description : Strong blue.
#33a7d2 Color Conversion
The hexadecimal color #33a7d2 has RGB values of R:51, G:167, B:210 and CMYK values of C:0.76, M:0.2, Y:0, K:0.18. Its decimal value is 3385298.
Hex triplet | 33a7d2 | #33a7d2 |
---|---|---|
RGB Decimal | 51, 167, 210 | rgb(51,167,210) |
RGB Percent | 20, 65.5, 82.4 | rgb(20%,65.5%,82.4%) |
CMYK | 76, 20, 0, 18 | |
HSL | 196.2°, 63.9, 51.2 | hsl(196.2,63.9%,51.2%) |
HSV (or HSB) | 196.2°, 75.7, 82.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.154, -17.567, -30.999 |
---|---|
XYZ | 26.814, 32.992, 65.924 |
xyY | 0.213, 0.262, 32.992 |
CIE-LCH | 64.154, 35.631, 240.46 |
CIE-LUV | 64.154, -40.67, -46.396 |
Hunter-Lab | 57.439, -17.19, -27.842 |
Binary | 00110011, 10100111, 11010010 |
Color Schemes with #33a7d2
Alternatives to #33a7d2
Below, you can see some colors close to #33a7d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a7d2 Preview
This text has a font color of #33a7d2.
<span style="color:#33a7d2;">Text here</span>
This paragraph has a background color of #33a7d2.
<p style="background-color:#33a7d2;">Content here</p>
This element has a border color of #33a7d2.
<div style="border:1px solid #33a7d2;">Content here</div>
.text {color:#33a7d2;}
.background {background-color:#33a7d2;}
.border {border:1px solid #33a7d2;}
Shades and Tints of #33a7d2
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)
-
#081d25
#081d25
rgb(8,29,37)
-
#0c2a35
#0c2a35
rgb(12,42,53)
-
#0f3745
#0f3745
rgb(15,55,69)
-
#134355
#134355
rgb(19,67,85)
-
#165065
#165065
rgb(22,80,101)
-
#1a5d75
#1a5d75
rgb(26,93,117)
-
#1d6985
#1d6985
rgb(29,105,133)
-
#217696
#217696
rgb(33,118,150)
-
#2583a6
#2583a6
rgb(37,131,166)
-
#288fb6
#288fb6
rgb(40,143,182)
-
#2c9cc6
#2c9cc6
rgb(44,156,198)
-
#33a7d2
#33a7d2
rgb(51,167,210)
-
#43aed6
#43aed6
rgb(67,174,214)
-
#53b5d9
#53b5d9
rgb(83,181,217)
-
#63bcdd
#63bcdd
rgb(99,188,221)
-
#73c3e0
#73c3e0
rgb(115,195,224)
-
#83cae4
#83cae4
rgb(131,202,228)
-
#93d1e7
#93d1e7
rgb(147,209,231)
-
#a3d8eb
#a3d8eb
rgb(163,216,235)
-
#b4deee
#b4deee
rgb(180,222,238)
-
#c4e5f2
#c4e5f2
rgb(196,229,242)
-
#d4ecf5
#d4ecf5
rgb(212,236,245)
-
#e4f3f9
#e4f3f9
rgb(228,243,249)
-
#f4fafd
#f4fafd
rgb(244,250,253)
Tones of #33a7d2
A tone is produced by adding gray to any pure hue. In this case, #808485 is the less saturated color, while #0db9f8 is the most saturated one.
-
#808485
#808485
rgb(128,132,133)
-
#76888f
#76888f
rgb(118,136,143)
-
#6c8d99
#6c8d99
rgb(108,141,153)
-
#6391a2
#6391a2
rgb(99,145,162)
-
#5995ac
#5995ac
rgb(89,149,172)
-
#509ab5
#509ab5
rgb(80,154,181)
-
#469ebf
#469ebf
rgb(70,158,191)
-
#3da3c8
#3da3c8
rgb(61,163,200)
-
#33a7d2
#33a7d2
rgb(51,167,210)
-
#29abdc
#29abdc
rgb(41,171,220)
-
#20b0e5
#20b0e5
rgb(32,176,229)
-
#16b4ef
#16b4ef
rgb(22,180,239)
-
#0db9f8
#0db9f8
rgb(13,185,248)
Color Blindness Simulator
Below, you can see how #33a7d2 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.