#2268d4 hex color

In a RGB color space, hex #2268d4 is composed of 13.3% red, 40.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 50.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 216.4 degrees, a saturation of 72.4% and a lightness of 48.2%. #2268d4 color hex could be obtained by blending #44d0ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 41
- B 83
RGB color chart
- C 84
- M 51
- Y 0
- K 17
CMYK color chart

● #2268d4 color description : Strong blue.

The hexadecimal color #2268d4 has RGB values of R:34, G:104, B:212 and CMYK values of C:0.84, M:0.51, Y:0, K:0.17. Its decimal value is 2255060.

Hex triplet	2268d4	`#2268d4`
RGB Decimal	34, 104, 212	`rgb(34,104,212)`
RGB Percent	13.3, 40.8, 83.1	`rgb(13.3%,40.8%,83.1%)`
CMYK	84, 51, 0, 17
HSL	216.4°, 72.4, 48.2	`hsl(216.4,72.4%,48.2%)`
HSV (or HSB)	216.4°, 84, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.624, 18.778, -61.508
XYZ	17.491, 14.993, 64.256
xyY	0.181, 0.155, 14.993
CIE-LCH	45.624, 64.311, 286.977
CIE-LUV	45.624, -21.98, -93.859
Hunter-Lab	38.72, 12.872, -71.286
Binary	00100010, 01101000, 11010100

#2268d4
```
#2268d4 rgb(34,104,212)
```
#d48e22
```
#d48e22 rgb(212,142,34)
```

Complementary Color

#22c1d4
```
#22c1d4 rgb(34,193,212)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```
#3522d4
```
#3522d4 rgb(53,34,212)
```

Analogous Color

#c1d422
```
#c1d422 rgb(193,212,34)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```
#d43522
```
#d43522 rgb(212,53,34)
```

Split Complementary Color

#68d422
```
#68d422 rgb(104,212,34)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```
#d42268
```
#d42268 rgb(212,34,104)
```

Triadic Color

#22d48e
```
#22d48e rgb(34,212,142)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```
#d42268
```
#d42268 rgb(212,34,104)
```
#d48e22
```
#d48e22 rgb(212,142,34)
```

Tetradic Color

#174892
```
#174892 rgb(23,72,146)
```
#1b52a8
```
#1b52a8 rgb(27,82,168)
```
#1e5dbe
```
#1e5dbe rgb(30,93,190)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```
#3175de
```
#3175de rgb(49,117,222)
```
#4784e2
```
#4784e2 rgb(71,132,226)
```
#5d93e5
```
#5d93e5 rgb(93,147,229)
```

Monochromatic Color

Below, you can see some colors close to #2268d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2295d4
```
#2295d4 rgb(34,149,212)
```
#2286d4
```
#2286d4 rgb(34,134,212)
```
#2277d4
```
#2277d4 rgb(34,119,212)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```
#2259d4
```
#2259d4 rgb(34,89,212)
```
#224ad4
```
#224ad4 rgb(34,74,212)
```
#223cd4
```
#223cd4 rgb(34,60,212)
```

Similar Colors

Text with hexadecimal color #2268d4

This text has a font color of #2268d4.

<span style="color:#2268d4;">Text here</span>

#2268d4 background color

This paragraph has a background color of #2268d4.

<p style="background-color:#2268d4;">Content here</p>

#2268d4 border color

This element has a border color of #2268d4.

<div style="border:1px solid #2268d4;">Content here</div>

CSS codes

.text {color:#2268d4;}

.background {background-color:#2268d4;}

.border {border:1px solid #2268d4;}

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, #010409 is the darkest color, while #f7fafe is the lightest one.

#010409
```
#010409 rgb(1,4,9)
```
#040d1a
```
#040d1a rgb(4,13,26)
```
#07152b
```
#07152b rgb(7,21,43)
```
#0a1d3c
```
#0a1d3c rgb(10,29,60)
```
#0c264d
```
#0c264d rgb(12,38,77)
```
#0f2e5e
```
#0f2e5e rgb(15,46,94)
```
#12366f
```
#12366f rgb(18,54,111)
```
#143f7f
```
#143f7f rgb(20,63,127)
```
#174790
```
#174790 rgb(23,71,144)
```
#1a4fa1
```
#1a4fa1 rgb(26,79,161)
```
#1d57b2
```
#1d57b2 rgb(29,87,178)
```
#1f60c3
```
#1f60c3 rgb(31,96,195)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```

Shade Color Variation

#2c72dd
```
#2c72dd rgb(44,114,221)
```
#3d7de0
```
#3d7de0 rgb(61,125,224)
```
#4e89e3
```
#4e89e3 rgb(78,137,227)
```
#5f94e5
```
#5f94e5 rgb(95,148,229)
```
#709fe8
```
#709fe8 rgb(112,159,232)
```
#81abeb
```
#81abeb rgb(129,171,235)
```
#92b6ed
```
#92b6ed rgb(146,182,237)
```
#a3c1f0
```
#a3c1f0 rgb(163,193,240)
```
#b4cdf3
```
#b4cdf3 rgb(180,205,243)
```
#c5d8f6
```
#c5d8f6 rgb(197,216,246)
```
#d5e3f8
```
#d5e3f8 rgb(213,227,248)
```
#e6eefb
```
#e6eefb rgb(230,238,251)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777a7f is the less saturated color, while #0662f0 is the most saturated one.

#777a7f
```
#777a7f rgb(119,122,127)
```
#6e7888
```
#6e7888 rgb(110,120,136)
```
#647692
```
#647692 rgb(100,118,146)
```
#5b749b
```
#5b749b rgb(91,116,155)
```
#5172a5
```
#5172a5 rgb(81,114,165)
```
#4870ae
```
#4870ae rgb(72,112,174)
```
#3e6eb8
```
#3e6eb8 rgb(62,110,184)
```
#356cc1
```
#356cc1 rgb(53,108,193)
```
#2b6acb
```
#2b6acb rgb(43,106,203)
```
#2268d4
```
#2268d4 rgb(34,104,212)
```
#1966dd
```
#1966dd rgb(25,102,221)
```
#0f64e7
```
#0f64e7 rgb(15,100,231)
```
#0662f0
```
#0662f0 rgb(6,98,240)
```

Tone Color Variation

Below, you can see how #2268d4 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.

Monochromacy

#5f5f5f Achromatopsia 0.005% of the population
#536176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2770d6 Protanopia 1% of men
#0076c1 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#256dd5 Protanomaly 1% of men, 0.01% of women
#0c70c8 Deuteranomaly 6% of men, 0.4% of women
#0c76a2 Tritanomaly 0.01% of the population

#2268d4 hex color

#2268d4 Color Information

#2268d4 Color Conversion

Color Schemes with #2268d4

Alternatives to #2268d4

#2268d4 Preview

Shades and Tints of #2268d4

Tones of #2268d4

Color Blindness Simulator