#33aae6 Color Information
In a RGB color space, hex #33aae6 is composed of 20% red, 66.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 26.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 200.1 degrees, a saturation of 78.2% and a lightness of 55.1%. #33aae6 color hex could be obtained by blending #66ffff with #0055cd. Closest websafe color is: #3399ff.
-
- R 20
- G 67
- B 90
-
- C 78
- M 26
- Y 0
- K 10
● #33aae6 color description : Bright blue.
#33aae6 Color Conversion
The hexadecimal color #33aae6 has RGB values of R:51, G:170, B:230 and CMYK values of C:0.78, M:0.26, Y:0, K:0.1. Its decimal value is 3386086.
Hex triplet | 33aae6 | #33aae6 |
---|---|---|
RGB Decimal | 51, 170, 230 | rgb(51,170,230) |
RGB Percent | 20, 66.7, 90.2 | rgb(20%,66.7%,90.2%) |
CMYK | 78, 26, 0, 10 | |
HSL | 200.1°, 78.2, 55.1 | hsl(200.1,78.2%,55.1%) |
HSV (or HSB) | 200.1°, 77.8, 90.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.876, -12.408, -39.353 |
---|---|
XYZ | 30.019, 35.164, 80.064 |
xyY | 0.207, 0.242, 35.164 |
CIE-LCH | 65.876, 41.263, 252.499 |
CIE-LUV | 65.876, -40.511, -61.306 |
Hunter-Lab | 59.299, -13.41, -38.542 |
Binary | 00110011, 10101010, 11100110 |
Color Schemes with #33aae6
Alternatives to #33aae6
Below, you can see some colors close to #33aae6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33aae6 Preview
This text has a font color of #33aae6.
<span style="color:#33aae6;">Text here</span>
This paragraph has a background color of #33aae6.
<p style="background-color:#33aae6;">Content here</p>
This element has a border color of #33aae6.
<div style="border:1px solid #33aae6;">Content here</div>
.text {color:#33aae6;}
.background {background-color:#33aae6;}
.border {border:1px solid #33aae6;}
Shades and Tints of #33aae6
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, #010406 is the darkest color, while #f3fafe is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#031017
#031017
rgb(3,16,23)
-
#051d29
#051d29
rgb(5,29,41)
-
#07293a
#07293a
rgb(7,41,58)
-
#09354c
#09354c
rgb(9,53,76)
-
#0b425d
#0b425d
rgb(11,66,93)
-
#0e4e6f
#0e4e6f
rgb(14,78,111)
-
#105a80
#105a80
rgb(16,90,128)
-
#126791
#126791
rgb(18,103,145)
-
#1473a3
#1473a3
rgb(20,115,163)
-
#167fb4
#167fb4
rgb(22,127,180)
-
#188cc6
#188cc6
rgb(24,140,198)
-
#1a98d7
#1a98d7
rgb(26,152,215)
-
#22a3e4
#22a3e4
rgb(34,163,228)
-
#33aae6
#33aae6
rgb(51,170,230)
-
#44b1e8
#44b1e8
rgb(68,177,232)
-
#56b9ea
#56b9ea
rgb(86,185,234)
-
#67c0ec
#67c0ec
rgb(103,192,236)
-
#79c7ef
#79c7ef
rgb(121,199,239)
-
#8acef1
#8acef1
rgb(138,206,241)
-
#9cd6f3
#9cd6f3
rgb(156,214,243)
-
#adddf5
#adddf5
rgb(173,221,245)
-
#bfe4f7
#bfe4f7
rgb(191,228,247)
-
#d0ecf9
#d0ecf9
rgb(208,236,249)
-
#e2f3fb
#e2f3fb
rgb(226,243,251)
-
#f3fafe
#f3fafe
rgb(243,250,254)
Tones of #33aae6
A tone is produced by adding gray to any pure hue. In this case, #8b8d8e is the less saturated color, while #21b0f8 is the most saturated one.
-
#8b8d8e
#8b8d8e
rgb(139,141,142)
-
#829097
#829097
rgb(130,144,151)
-
#7993a0
#7993a0
rgb(121,147,160)
-
#7196a8
#7196a8
rgb(113,150,168)
-
#6899b1
#6899b1
rgb(104,153,177)
-
#5f9bba
#5f9bba
rgb(95,155,186)
-
#569ec3
#569ec3
rgb(86,158,195)
-
#4da1cc
#4da1cc
rgb(77,161,204)
-
#45a4d4
#45a4d4
rgb(69,164,212)
-
#3ca7dd
#3ca7dd
rgb(60,167,221)
-
#33aae6
#33aae6
rgb(51,170,230)
-
#2aadef
#2aadef
rgb(42,173,239)
-
#21b0f8
#21b0f8
rgb(33,176,248)
Color Blindness Simulator
Below, you can see how #33aae6 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.