#33b4fd Color Information
In a RGB color space, hex #33b4fd is composed of 20% red, 70.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 28.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.7 degrees, a saturation of 98.1% and a lightness of 59.6%. #33b4fd color hex could be obtained by blending #66ffff with #0069fb. Closest websafe color is: #33ccff.
-
- R 20
- G 71
- B 99
-
- C 80
- M 29
- Y 0
- K 1
● #33b4fd color description : Bright blue.
#33b4fd Color Conversion
The hexadecimal color #33b4fd has RGB values of R:51, G:180, B:253 and CMYK values of C:0.8, M:0.29, Y:0, K:0.01. Its decimal value is 3388669.
Hex triplet | 33b4fd | #33b4fd |
---|---|---|
RGB Decimal | 51, 180, 253 | rgb(51,180,253) |
RGB Percent | 20, 70.6, 99.2 | rgb(20%,70.6%,99.2%) |
CMYK | 80, 29, 0, 1 | |
HSL | 201.7°, 98.1, 59.6 | hsl(201.7,98.1%,59.6%) |
HSV (or HSB) | 201.7°, 79.8, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.778, -9.952, -45.772 |
---|---|
XYZ | 35.412, 40.435, 98.862 |
xyY | 0.203, 0.231, 40.435 |
CIE-LCH | 69.778, 46.841, 257.734 |
CIE-LUV | 69.778, -42.557, -73.098 |
Hunter-Lab | 63.589, -11.875, -47.667 |
Binary | 00110011, 10110100, 11111101 |
Color Schemes with #33b4fd
Alternatives to #33b4fd
Below, you can see some colors close to #33b4fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33b4fd Preview
This text has a font color of #33b4fd.
<span style="color:#33b4fd;">Text here</span>
This paragraph has a background color of #33b4fd.
<p style="background-color:#33b4fd;">Content here</p>
This element has a border color of #33b4fd.
<div style="border:1px solid #33b4fd;">Content here</div>
.text {color:#33b4fd;}
.background {background-color:#33b4fd;}
.border {border:1px solid #33b4fd;}
Shades and Tints of #33b4fd
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, #00060a is the darkest color, while #f5fbff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#00131d
#00131d
rgb(0,19,29)
-
#001f31
#001f31
rgb(0,31,49)
-
#012c44
#012c44
rgb(1,44,68)
-
#013857
#013857
rgb(1,56,87)
-
#01456b
#01456b
rgb(1,69,107)
-
#01517e
#01517e
rgb(1,81,126)
-
#015e92
#015e92
rgb(1,94,146)
-
#026aa5
#026aa5
rgb(2,106,165)
-
#0276b8
#0276b8
rgb(2,118,184)
-
#0283cc
#0283cc
rgb(2,131,204)
-
#028fdf
#028fdf
rgb(2,143,223)
-
#029cf3
#029cf3
rgb(2,156,243)
-
#0ca6fd
#0ca6fd
rgb(12,166,253)
-
#20adfd
#20adfd
rgb(32,173,253)
-
#33b4fd
#33b4fd
rgb(51,180,253)
-
#46bbfd
#46bbfd
rgb(70,187,253)
-
#5ac2fd
#5ac2fd
rgb(90,194,253)
-
#6dc9fe
#6dc9fe
rgb(109,201,254)
-
#81d1fe
#81d1fe
rgb(129,209,254)
-
#94d8fe
#94d8fe
rgb(148,216,254)
-
#a8dffe
#a8dffe
rgb(168,223,254)
-
#bbe6fe
#bbe6fe
rgb(187,230,254)
-
#ceedff
#ceedff
rgb(206,237,255)
-
#e2f4ff
#e2f4ff
rgb(226,244,255)
-
#f5fbff
#f5fbff
rgb(245,251,255)
Tones of #33b4fd
A tone is produced by adding gray to any pure hue. In this case, #929a9e is the less saturated color, while #33b4fd is the most saturated one.
-
#929a9e
#929a9e
rgb(146,154,158)
-
#8a9ca6
#8a9ca6
rgb(138,156,166)
-
#829eae
#829eae
rgb(130,158,174)
-
#7aa0b6
#7aa0b6
rgb(122,160,182)
-
#72a2be
#72a2be
rgb(114,162,190)
-
#6aa5c6
#6aa5c6
rgb(106,165,198)
-
#63a7cd
#63a7cd
rgb(99,167,205)
-
#5ba9d5
#5ba9d5
rgb(91,169,213)
-
#53abdd
#53abdd
rgb(83,171,221)
-
#4bade5
#4bade5
rgb(75,173,229)
-
#43b0ed
#43b0ed
rgb(67,176,237)
-
#3bb2f5
#3bb2f5
rgb(59,178,245)
-
#33b4fd
#33b4fd
rgb(51,180,253)
Color Blindness Simulator
Below, you can see how #33b4fd 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.