#33a4c4 Color Information
In a RGB color space, hex #33a4c4 is composed of 20% red, 64.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 16.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 193.2 degrees, a saturation of 58.7% and a lightness of 48.4%. #33a4c4 color hex could be obtained by blending #66ffff with #004989. Closest websafe color is: #3399cc.
-
- R 20
- G 64
- B 77
-
- C 74
- M 16
- Y 0
- K 23
● #33a4c4 color description : Moderate cyan.
#33a4c4 Color Conversion
The hexadecimal color #33a4c4 has RGB values of R:51, G:164, B:196 and CMYK values of C:0.74, M:0.16, Y:0, K:0.23. Its decimal value is 3384516.
Hex triplet | 33a4c4 | #33a4c4 |
---|---|---|
RGB Decimal | 51, 164, 196 | rgb(51,164,196) |
RGB Percent | 20, 64.3, 76.9 | rgb(20%,64.3%,76.9%) |
CMYK | 74, 16, 0, 23 | |
HSL | 193.2°, 58.7, 48.4 | hsl(193.2,58.7%,48.4%) |
HSV (or HSB) | 193.2°, 74, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.708, -20.61, -25.442 |
---|---|
XYZ | 24.602, 31.238, 56.954 |
xyY | 0.218, 0.277, 31.238 |
CIE-LCH | 62.708, 32.743, 230.99 |
CIE-LUV | 62.708, -40.47, -36.645 |
Hunter-Lab | 55.891, -19.238, -21.294 |
Binary | 00110011, 10100100, 11000100 |
Color Schemes with #33a4c4
Alternatives to #33a4c4
Below, you can see some colors close to #33a4c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a4c4 Preview
This text has a font color of #33a4c4.
<span style="color:#33a4c4;">Text here</span>
This paragraph has a background color of #33a4c4.
<p style="background-color:#33a4c4;">Content here</p>
This element has a border color of #33a4c4.
<div style="border:1px solid #33a4c4;">Content here</div>
.text {color:#33a4c4;}
.background {background-color:#33a4c4;}
.border {border:1px solid #33a4c4;}
Shades and Tints of #33a4c4
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, #020809 is the darkest color, while #f9fcfd is the lightest one.
-
#020809
#020809
rgb(2,8,9)
-
#061519
#061519
rgb(6,21,25)
-
#0a2228
#0a2228
rgb(10,34,40)
-
#0f2f38
#0f2f38
rgb(15,47,56)
-
#133c47
#133c47
rgb(19,60,71)
-
#174957
#174957
rgb(23,73,87)
-
#1b5667
#1b5667
rgb(27,86,103)
-
#1f6376
#1f6376
rgb(31,99,118)
-
#237086
#237086
rgb(35,112,134)
-
#277d95
#277d95
rgb(39,125,149)
-
#2b8aa5
#2b8aa5
rgb(43,138,165)
-
#2f97b4
#2f97b4
rgb(47,151,180)
-
#33a4c4
#33a4c4
rgb(51,164,196)
-
#3eadcd
#3eadcd
rgb(62,173,205)
-
#4db4d1
#4db4d1
rgb(77,180,209)
-
#5dbad5
#5dbad5
rgb(93,186,213)
-
#6dc1d9
#6dc1d9
rgb(109,193,217)
-
#7cc8dd
#7cc8dd
rgb(124,200,221)
-
#8ccee1
#8ccee1
rgb(140,206,225)
-
#9bd5e5
#9bd5e5
rgb(155,213,229)
-
#abdbe9
#abdbe9
rgb(171,219,233)
-
#bae2ed
#bae2ed
rgb(186,226,237)
-
#cae9f1
#cae9f1
rgb(202,233,241)
-
#daeff5
#daeff5
rgb(218,239,245)
-
#e9f6f9
#e9f6f9
rgb(233,246,249)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #33a4c4
A tone is produced by adding gray to any pure hue. In this case, #767f82 is the less saturated color, while #04bff4 is the most saturated one.
-
#767f82
#767f82
rgb(118,127,130)
-
#6c848b
#6c848b
rgb(108,132,139)
-
#638995
#638995
rgb(99,137,149)
-
#598f9e
#598f9e
rgb(89,143,158)
-
#5094a8
#5094a8
rgb(80,148,168)
-
#4699b1
#4699b1
rgb(70,153,177)
-
#3d9fbb
#3d9fbb
rgb(61,159,187)
-
#33a4c4
#33a4c4
rgb(51,164,196)
-
#2aa9ce
#2aa9ce
rgb(42,169,206)
-
#20afd7
#20afd7
rgb(32,175,215)
-
#17b4e1
#17b4e1
rgb(23,180,225)
-
#0db9ea
#0db9ea
rgb(13,185,234)
-
#04bff4
#04bff4
rgb(4,191,244)
Color Blindness Simulator
Below, you can see how #33a4c4 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.