#224ddf Color Information
In a RGB color space, hex #224ddf is composed of 13.3% red, 30.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 65.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 226.3 degrees, a saturation of 74.7% and a lightness of 50.4%. #224ddf color hex could be obtained by blending #449aff with #0000bf. Closest websafe color is: #3366cc.
-
- R 13
- G 30
- B 87
-
- C 85
- M 65
- Y 0
- K 13
● #224ddf color description : Bright blue.
#224ddf Color Conversion
The hexadecimal color #224ddf has RGB values of R:34, G:77, B:223 and CMYK values of C:0.85, M:0.65, Y:0, K:0.13. Its decimal value is 2248159.
Hex triplet | 224ddf | #224ddf |
---|---|---|
RGB Decimal | 34, 77, 223 | rgb(34,77,223) |
RGB Percent | 13.3, 30.2, 87.5 | rgb(13.3%,30.2%,87.5%) |
CMYK | 85, 65, 0, 13 | |
HSL | 226.3°, 74.7, 50.4 | hsl(226.3,74.7%,50.4%) |
HSV (or HSB) | 226.3°, 84.8, 87.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 39.537, 40.271, -77.719 |
---|---|
XYZ | 16.63, 10.974, 71.05 |
xyY | 0.169, 0.111, 10.974 |
CIE-LCH | 39.537, 87.533, 297.391 |
CIE-LUV | 39.537, -14.995, -111.999 |
Hunter-Lab | 33.127, 31.635, -103.972 |
Binary | 00100010, 01001101, 11011111 |
Color Schemes with #224ddf
Alternatives to #224ddf
Below, you can see some colors close to #224ddf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#224ddf Preview
This text has a font color of #224ddf.
<span style="color:#224ddf;">Text here</span>
This paragraph has a background color of #224ddf.
<p style="background-color:#224ddf;">Content here</p>
This element has a border color of #224ddf.
<div style="border:1px solid #224ddf;">Content here</div>
.text {color:#224ddf;}
.background {background-color:#224ddf;}
.border {border:1px solid #224ddf;}
Shades and Tints of #224ddf
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, #000102 is the darkest color, while #f0f3fd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#030613
#030613
rgb(3,6,19)
-
#050c24
#050c24
rgb(5,12,36)
-
#081235
#081235
rgb(8,18,53)
-
#0a1846
#0a1846
rgb(10,24,70)
-
#0d1e57
#0d1e57
rgb(13,30,87)
-
#0f2369
#0f2369
rgb(15,35,105)
-
#12297a
#12297a
rgb(18,41,122)
-
#142f8b
#142f8b
rgb(20,47,139)
-
#17359c
#17359c
rgb(23,53,156)
-
#193bad
#193bad
rgb(25,59,173)
-
#1c41be
#1c41be
rgb(28,65,190)
-
#1e46cf
#1e46cf
rgb(30,70,207)
-
#224ddf
#224ddf
rgb(34,77,223)
-
#335be1
#335be1
rgb(51,91,225)
-
#4469e4
#4469e4
rgb(68,105,228)
-
#5576e6
#5576e6
rgb(85,118,230)
-
#6784e9
#6784e9
rgb(103,132,233)
-
#7892eb
#7892eb
rgb(120,146,235)
-
#89a0ee
#89a0ee
rgb(137,160,238)
-
#9aaef0
#9aaef0
rgb(154,174,240)
-
#abbbf3
#abbbf3
rgb(171,187,243)
-
#bcc9f5
#bcc9f5
rgb(188,201,245)
-
#cdd7f8
#cdd7f8
rgb(205,215,248)
-
#dee5fa
#dee5fa
rgb(222,229,250)
-
#f0f3fd
#f0f3fd
rgb(240,243,253)
Tones of #224ddf
A tone is produced by adding gray to any pure hue. In this case, #7a7d87 is the less saturated color, while #053dfc is the most saturated one.
-
#7a7d87
#7a7d87
rgb(122,125,135)
-
#707791
#707791
rgb(112,119,145)
-
#66729b
#66729b
rgb(102,114,155)
-
#5c6da5
#5c6da5
rgb(92,109,165)
-
#5368ae
#5368ae
rgb(83,104,174)
-
#4962b8
#4962b8
rgb(73,98,184)
-
#3f5dc2
#3f5dc2
rgb(63,93,194)
-
#3558cc
#3558cc
rgb(53,88,204)
-
#2c52d5
#2c52d5
rgb(44,82,213)
-
#224ddf
#224ddf
rgb(34,77,223)
-
#1848e9
#1848e9
rgb(24,72,233)
-
#0f42f2
#0f42f2
rgb(15,66,242)
-
#053dfc
#053dfc
rgb(5,61,252)
Color Blindness Simulator
Below, you can see how #224ddf 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.