#33a7de Color Information
In a RGB color space, hex #33a7de is composed of 20% red, 65.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 24.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 199.3 degrees, a saturation of 72.2% and a lightness of 53.5%. #33a7de color hex could be obtained by blending #66ffff with #004fbd. Closest websafe color is: #3399cc.
-
- R 20
- G 65
- B 87
-
- C 77
- M 25
- Y 0
- K 13
● #33a7de color description : Bright blue.
#33a7de Color Conversion
The hexadecimal color #33a7de has RGB values of R:51, G:167, B:222 and CMYK values of C:0.77, M:0.25, Y:0, K:0.13. Its decimal value is 3385310.
Hex triplet | 33a7de | #33a7de |
---|---|---|
RGB Decimal | 51, 167, 222 | rgb(51,167,222) |
RGB Percent | 20, 65.5, 87.1 | rgb(20%,65.5%,87.1%) |
CMYK | 77, 25, 0, 13 | |
HSL | 199.3°, 72.2, 53.5 | hsl(199.3,72.2%,53.5%) |
HSV (or HSB) | 199.3°, 77, 87.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.654, -13.513, -36.859 |
---|---|
XYZ | 28.365, 33.613, 74.096 |
xyY | 0.208, 0.247, 33.613 |
CIE-LCH | 64.654, 39.258, 249.867 |
CIE-LUV | 64.654, -39.948, -56.795 |
Hunter-Lab | 57.976, -14.126, -35.191 |
Binary | 00110011, 10100111, 11011110 |
Color Schemes with #33a7de
Alternatives to #33a7de
Below, you can see some colors close to #33a7de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a7de Preview
This text has a font color of #33a7de.
<span style="color:#33a7de;">Text here</span>
This paragraph has a background color of #33a7de.
<p style="background-color:#33a7de;">Content here</p>
This element has a border color of #33a7de.
<div style="border:1px solid #33a7de;">Content here</div>
.text {color:#33a7de;}
.background {background-color:#33a7de;}
.border {border:1px solid #33a7de;}
Shades and Tints of #33a7de
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)
-
#051820
#051820
rgb(5,24,32)
-
#082431
#082431
rgb(8,36,49)
-
#0b3042
#0b3042
rgb(11,48,66)
-
#0d3d53
#0d3d53
rgb(13,61,83)
-
#104964
#104964
rgb(16,73,100)
-
#135575
#135575
rgb(19,85,117)
-
#166286
#166286
rgb(22,98,134)
-
#186e97
#186e97
rgb(24,110,151)
-
#1b7aa7
#1b7aa7
rgb(27,122,167)
-
#1e87b8
#1e87b8
rgb(30,135,184)
-
#2193c9
#2193c9
rgb(33,147,201)
-
#239fda
#239fda
rgb(35,159,218)
-
#33a7de
#33a7de
rgb(51,167,222)
-
#44aee1
#44aee1
rgb(68,174,225)
-
#55b6e3
#55b6e3
rgb(85,182,227)
-
#66bde6
#66bde6
rgb(102,189,230)
-
#77c4e9
#77c4e9
rgb(119,196,233)
-
#87cbec
#87cbec
rgb(135,203,236)
-
#98d3ee
#98d3ee
rgb(152,211,238)
-
#a9daf1
#a9daf1
rgb(169,218,241)
-
#bae1f4
#bae1f4
rgb(186,225,244)
-
#cbe9f7
#cbe9f7
rgb(203,233,247)
-
#dcf0f9
#dcf0f9
rgb(220,240,249)
-
#edf7fc
#edf7fc
rgb(237,247,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #33a7de
A tone is produced by adding gray to any pure hue. In this case, #858a8c is the less saturated color, while #18b1f9 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)
-
#6197b0
#6197b0
rgb(97,151,176)
-
#579aba
#579aba
rgb(87,154,186)
-
#4e9dc3
#4e9dc3
rgb(78,157,195)
-
#45a0cc
#45a0cc
rgb(69,160,204)
-
#3ca4d5
#3ca4d5
rgb(60,164,213)
-
#33a7de
#33a7de
rgb(51,167,222)
-
#2aaae7
#2aaae7
rgb(42,170,231)
-
#21aef0
#21aef0
rgb(33,174,240)
-
#18b1f9
#18b1f9
rgb(24,177,249)
Color Blindness Simulator
Below, you can see how #33a7de 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.