#33a5de Color Information
In a RGB color space, hex #33a5de is composed of 20% red, 64.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 25.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 200 degrees, a saturation of 72.2% and a lightness of 53.5%. #33a5de color hex could be obtained by blending #66ffff with #004bbd. Closest websafe color is: #3399cc.
-
- R 20
- G 65
- B 87
-
- C 77
- M 26
- Y 0
- K 13
● #33a5de color description : Bright blue.
#33a5de Color Conversion
The hexadecimal color #33a5de has RGB values of R:51, G:165, B:222 and CMYK values of C:0.77, M:0.26, Y:0, K:0.13. Its decimal value is 3384798.
Hex triplet | 33a5de | #33a5de |
---|---|---|
RGB Decimal | 51, 165, 222 | rgb(51,165,222) |
RGB Percent | 20, 64.7, 87.1 | rgb(20%,64.7%,87.1%) |
CMYK | 77, 26, 0, 13 | |
HSL | 200°, 72.2, 53.5 | hsl(200,72.2%,53.5%) |
HSV (or HSB) | 200°, 77, 87.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.068, -12.421, -37.773 |
---|---|
XYZ | 28.002, 32.886, 73.975 |
xyY | 0.208, 0.244, 32.886 |
CIE-LCH | 64.068, 39.763, 251.797 |
CIE-LUV | 64.068, -39.256, -58.389 |
Hunter-Lab | 57.346, -13.194, -36.341 |
Binary | 00110011, 10100101, 11011110 |
Color Schemes with #33a5de
Alternatives to #33a5de
Below, you can see some colors close to #33a5de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a5de Preview
This text has a font color of #33a5de.
<span style="color:#33a5de;">Text here</span>
This paragraph has a background color of #33a5de.
<p style="background-color:#33a5de;">Content here</p>
This element has a border color of #33a5de.
<div style="border:1px solid #33a5de;">Content here</div>
.text {color:#33a5de;}
.background {background-color:#33a5de;}
.border {border:1px solid #33a5de;}
Shades and Tints of #33a5de
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, #030b0f is the darkest color, while #fefeff is the lightest one.
-
#030b0f
#030b0f
rgb(3,11,15)
-
#051720
#051720
rgb(5,23,32)
-
#082331
#082331
rgb(8,35,49)
-
#0b3042
#0b3042
rgb(11,48,66)
-
#0d3c53
#0d3c53
rgb(13,60,83)
-
#104864
#104864
rgb(16,72,100)
-
#135475
#135475
rgb(19,84,117)
-
#166086
#166086
rgb(22,96,134)
-
#186c97
#186c97
rgb(24,108,151)
-
#1b79a7
#1b79a7
rgb(27,121,167)
-
#1e85b8
#1e85b8
rgb(30,133,184)
-
#2191c9
#2191c9
rgb(33,145,201)
-
#239dda
#239dda
rgb(35,157,218)
-
#33a5de
#33a5de
rgb(51,165,222)
-
#44ace1
#44ace1
rgb(68,172,225)
-
#55b4e3
#55b4e3
rgb(85,180,227)
-
#66bbe6
#66bbe6
rgb(102,187,230)
-
#77c3e9
#77c3e9
rgb(119,195,233)
-
#87caec
#87caec
rgb(135,202,236)
-
#98d2ee
#98d2ee
rgb(152,210,238)
-
#a9d9f1
#a9d9f1
rgb(169,217,241)
-
#bae1f4
#bae1f4
rgb(186,225,244)
-
#cbe8f7
#cbe8f7
rgb(203,232,247)
-
#dceff9
#dceff9
rgb(220,239,249)
-
#edf7fc
#edf7fc
rgb(237,247,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #33a5de
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #18aef9 is the most saturated one.
-
#858a8c
#858a8c
rgb(133,138,140)
-
#7c8d95
#7c8d95
rgb(124,141,149)
-
#73909e
#73909e
rgb(115,144,158)
-
#6a93a7
#6a93a7
rgb(106,147,167)
-
#6196b0
#6196b0
rgb(97,150,176)
-
#5799ba
#5799ba
rgb(87,153,186)
-
#4e9cc3
#4e9cc3
rgb(78,156,195)
-
#459fcc
#459fcc
rgb(69,159,204)
-
#3ca2d5
#3ca2d5
rgb(60,162,213)
-
#33a5de
#33a5de
rgb(51,165,222)
-
#2aa8e7
#2aa8e7
rgb(42,168,231)
-
#21abf0
#21abf0
rgb(33,171,240)
-
#18aef9
#18aef9
rgb(24,174,249)
Color Blindness Simulator
Below, you can see how #33a5de 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.