#220caf Color Information
In a RGB color space, hex #220caf is composed of 13.3% red, 4.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 93.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 248.1 degrees, a saturation of 87.2% and a lightness of 36.7%. #220caf color hex could be obtained by blending #4418ff with #00005f. Closest websafe color is: #330099.
-
- R 13
- G 5
- B 69
-
- C 81
- M 93
- Y 0
- K 31
● #220caf color description : Dark blue.
#220caf Color Conversion
The hexadecimal color #220caf has RGB values of R:34, G:12, B:175 and CMYK values of C:0.81, M:0.93, Y:0, K:0.31. Its decimal value is 2231471.
Hex triplet | 220caf | #220caf |
---|---|---|
RGB Decimal | 34, 12, 175 | rgb(34,12,175) |
RGB Percent | 13.3, 4.7, 68.6 | rgb(13.3%,4.7%,68.6%) |
CMYK | 81, 93, 0, 31 | |
HSL | 248.1°, 87.2, 36.7 | hsl(248.1,87.2%,36.7%) |
HSV (or HSB) | 248.1°, 93.1, 68.6 | |
Web Safe | 330099 | #330099 |
CIE-LAB | 22.646, 57.261, -77.581 |
---|---|
XYZ | 8.528, 3.698, 40.819 |
xyY | 0.161, 0.07, 3.698 |
CIE-LCH | 22.646, 96.424, 306.43 |
CIE-LUV | 22.646, -4.385, -85.33 |
Hunter-Lab | 19.229, 45.508, -112.399 |
Binary | 00100010, 00001100, 10101111 |
Color Schemes with #220caf
Alternatives to #220caf
Below, you can see some colors close to #220caf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#220caf Preview
This text has a font color of #220caf.
<span style="color:#220caf;">Text here</span>
This paragraph has a background color of #220caf.
<p style="background-color:#220caf;">Content here</p>
This element has a border color of #220caf.
<div style="border:1px solid #220caf;">Content here</div>
.text {color:#220caf;}
.background {background-color:#220caf;}
.border {border:1px solid #220caf;}
Shades and Tints of #220caf
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, #02010a is the darkest color, while #f8f6fe is the lightest one.
-
#02010a
#02010a
rgb(2,1,10)
-
#05021c
#05021c
rgb(5,2,28)
-
#09032f
#09032f
rgb(9,3,47)
-
#0d0441
#0d0441
rgb(13,4,65)
-
#100653
#100653
rgb(16,6,83)
-
#140766
#140766
rgb(20,7,102)
-
#170878
#170878
rgb(23,8,120)
-
#1b098a
#1b098a
rgb(27,9,138)
-
#1e0b9d
#1e0b9d
rgb(30,11,157)
-
#220caf
#220caf
rgb(34,12,175)
-
#260dc1
#260dc1
rgb(38,13,193)
-
#290fd4
#290fd4
rgb(41,15,212)
-
#2d10e6
#2d10e6
rgb(45,16,230)
-
#371aef
#371aef
rgb(55,26,239)
-
#472df1
#472df1
rgb(71,45,241)
-
#573ff2
#573ff2
rgb(87,63,242)
-
#6751f3
#6751f3
rgb(103,81,243)
-
#7764f4
#7764f4
rgb(119,100,244)
-
#8776f6
#8776f6
rgb(135,118,246)
-
#9788f7
#9788f7
rgb(151,136,247)
-
#a79bf8
#a79bf8
rgb(167,155,248)
-
#b7adf9
#b7adf9
rgb(183,173,249)
-
#c7bffb
#c7bffb
rgb(199,191,251)
-
#d7d2fc
#d7d2fc
rgb(215,210,252)
-
#e7e4fd
#e7e4fd
rgb(231,228,253)
-
#f8f6fe
#f8f6fe
rgb(248,246,254)
Tones of #220caf
A tone is produced by adding gray to any pure hue. In this case, #5c5b60 is the less saturated color, while #1d05b6 is the most saturated one.
-
#5c5b60
#5c5b60
rgb(92,91,96)
-
#575467
#575467
rgb(87,84,103)
-
#514d6e
#514d6e
rgb(81,77,110)
-
#4c4675
#4c4675
rgb(76,70,117)
-
#473e7d
#473e7d
rgb(71,62,125)
-
#423784
#423784
rgb(66,55,132)
-
#3c308b
#3c308b
rgb(60,48,139)
-
#372992
#372992
rgb(55,41,146)
-
#322299
#322299
rgb(50,34,153)
-
#2d1aa1
#2d1aa1
rgb(45,26,161)
-
#2713a8
#2713a8
rgb(39,19,168)
-
#220caf
#220caf
rgb(34,12,175)
-
#1d05b6
#1d05b6
rgb(29,5,182)
Color Blindness Simulator
Below, you can see how #220caf 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.