#268ed4 hex color

In a RGB color space, hex #268ed4 is composed of 14.9% red, 55.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 33% magenta, 0% yellow and 16.9% black. It has a hue angle of 204.1 degrees, a saturation of 69.6% and a lightness of 49%. #268ed4 color hex could be obtained by blending #4cffff with #001da9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 15
- G 56
- B 83
RGB color chart
- C 82
- M 33
- Y 0
- K 17
CMYK color chart

● #268ed4 color description : Strong blue.

The hexadecimal color #268ed4 has RGB values of R:38, G:142, B:212 and CMYK values of C:0.82, M:0.33, Y:0, K:0.17. Its decimal value is 2526932.

Hex triplet	268ed4	`#268ed4`
RGB Decimal	38, 142, 212	`rgb(38,142,212)`
RGB Percent	14.9, 55.7, 83.1	`rgb(14.9%,55.7%,83.1%)`
CMYK	82, 33, 0, 17
HSL	204.1°, 69.6, 49	`hsl(204.1,69.6%,49%)`
HSV (or HSB)	204.1°, 82.1, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.594, -4.278, -43.959
XYZ	22.353, 24.51, 65.836
xyY	0.198, 0.217, 24.51
CIE-LCH	56.594, 44.166, 264.441
CIE-LUV	56.594, -33.586, -68.33
Hunter-Lab	49.507, -6.042, -44.191
Binary	00100110, 10001110, 11010100

#268ed4
```
#268ed4 rgb(38,142,212)
```
#d46c26
```
#d46c26 rgb(212,108,38)
```

Complementary Color

#26d4c3
```
#26d4c3 rgb(38,212,195)
```
#268ed4
```
#268ed4 rgb(38,142,212)
```
#2637d4
```
#2637d4 rgb(38,55,212)
```

Analogous Color

#d4c326
```
#d4c326 rgb(212,195,38)
```
#268ed4
```
#268ed4 rgb(38,142,212)
```
#d42637
```
#d42637 rgb(212,38,55)
```

Split Complementary Color

#8ed426
```
#8ed426 rgb(142,212,38)
```
#268ed4
```
#268ed4 rgb(38,142,212)
```
#d4268e
```
#d4268e rgb(212,38,142)
```

Triadic Color

#26d46c
```
#26d46c rgb(38,212,108)
```
#268ed4
```
#268ed4 rgb(38,142,212)
```
#d4268e
```
#d4268e rgb(212,38,142)
```
#d46c26
```
#d46c26 rgb(212,108,38)
```

Tetradic Color

#1a6393
```
#1a6393 rgb(26,99,147)
```
#1e71a9
```
#1e71a9 rgb(30,113,169)
```
#2280be
```
#2280be rgb(34,128,190)
```
#268ed4
```
#268ed4 rgb(38,142,212)
```
#389adb
```
#389adb rgb(56,154,219)
```
#4ea5df
```
#4ea5df rgb(78,165,223)
```
#63b0e3
```
#63b0e3 rgb(99,176,227)
```

Monochromatic Color

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

#26bad4
```
#26bad4 rgb(38,186,212)
```
#26abd4
```
#26abd4 rgb(38,171,212)
```
#269dd4
```
#269dd4 rgb(38,157,212)
```
#268ed4
```
#268ed4 rgb(38,142,212)
```
#2680d4
```
#2680d4 rgb(38,128,212)
```
#2671d4
```
#2671d4 rgb(38,113,212)
```
#2663d4
```
#2663d4 rgb(38,99,212)
```

Similar Colors

Text with hexadecimal color #268ed4

This text has a font color of #268ed4.

<span style="color:#268ed4;">Text here</span>

#268ed4 background color

This paragraph has a background color of #268ed4.

<p style="background-color:#268ed4;">Content here</p>

#268ed4 border color

This element has a border color of #268ed4.

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

CSS codes

.text {color:#268ed4;}

.background {background-color:#268ed4;}

.border {border:1px solid #268ed4;}

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, #02080c is the darkest color, while #fbfdfe is the lightest one.

#02080c
```
#02080c rgb(2,8,12)
```
#05131d
```
#05131d rgb(5,19,29)
```
#081f2e
```
#081f2e rgb(8,31,46)
```
#0b2a3e
```
#0b2a3e rgb(11,42,62)
```
#0e354f
```
#0e354f rgb(14,53,79)
```
#114060
```
#114060 rgb(17,64,96)
```
#144b70
```
#144b70 rgb(20,75,112)
```
#175681
```
#175681 rgb(23,86,129)
```
#1a6191
```
#1a6191 rgb(26,97,145)
```
#1d6da2
```
#1d6da2 rgb(29,109,162)
```
#2078b3
```
#2078b3 rgb(32,120,179)
```
#2383c3
```
#2383c3 rgb(35,131,195)
```
#268ed4
```
#268ed4 rgb(38,142,212)
```

Shade Color Variation

#3397da
```
#3397da rgb(51,151,218)
```
#44a0dd
```
#44a0dd rgb(68,160,221)
```
#54a8e0
```
#54a8e0 rgb(84,168,224)
```
#65b1e3
```
#65b1e3 rgb(101,177,227)
```
#76b9e6
```
#76b9e6 rgb(118,185,230)
```
#86c2e9
```
#86c2e9 rgb(134,194,233)
```
#97caec
```
#97caec rgb(151,202,236)
```
#a8d2ef
```
#a8d2ef rgb(168,210,239)
```
#b8dbf2
```
#b8dbf2 rgb(184,219,242)
```
#c9e3f5
```
#c9e3f5 rgb(201,227,245)
```
#d9ecf8
```
#d9ecf8 rgb(217,236,248)
```
#eaf4fb
```
#eaf4fb rgb(234,244,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7d7d is the less saturated color, while #0994f1 is the most saturated one.

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#737f87
```
#737f87 rgb(115,127,135)
```
#698191
```
#698191 rgb(105,129,145)
```
#60839a
```
#60839a rgb(96,131,154)
```
#5685a4
```
#5685a4 rgb(86,133,164)
```
#4c86ae
```
#4c86ae rgb(76,134,174)
```
#4388b7
```
#4388b7 rgb(67,136,183)
```
#398ac1
```
#398ac1 rgb(57,138,193)
```
#308cca
```
#308cca rgb(48,140,202)
```
#268ed4
```
#268ed4 rgb(38,142,212)
```
#1c90de
```
#1c90de rgb(28,144,222)
```
#1392e7
```
#1392e7 rgb(19,146,231)
```
#0994f1
```
#0994f1 rgb(9,148,241)
```

Tone Color Variation

Below, you can see how #268ed4 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

#777777 Achromatopsia 0.005% of the population
#677c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#738bcf Protanopia 1% of men
#5f8ed8 Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#578cd1 Protanomaly 1% of men, 0.01% of women
#4a8ed6 Deuteranomaly 6% of men, 0.4% of women
#0d96b6 Tritanomaly 0.01% of the population

#268ed4 hex color

#268ed4 Color Information

#268ed4 Color Conversion

Color Schemes with #268ed4

Alternatives to #268ed4

#268ed4 Preview

Shades and Tints of #268ed4

Tones of #268ed4

Color Blindness Simulator