#266ce2 hex color

In a RGB color space, hex #266ce2 is composed of 14.9% red, 42.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 52.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 217.7 degrees, a saturation of 76.4% and a lightness of 51.8%. #266ce2 color hex could be obtained by blending #4cd8ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 15
- G 42
- B 89
RGB color chart
- C 83
- M 52
- Y 0
- K 11
CMYK color chart

● #266ce2 color description : Bright blue.

The hexadecimal color #266ce2 has RGB values of R:38, G:108, B:226 and CMYK values of C:0.83, M:0.52, Y:0, K:0.11. Its decimal value is 2518242.

Hex triplet	266ce2	`#266ce2`
RGB Decimal	38, 108, 226	`rgb(38,108,226)`
RGB Percent	14.9, 42.4, 88.6	`rgb(14.9%,42.4%,88.6%)`
CMYK	83, 52, 0, 11
HSL	217.7°, 76.4, 51.8	`hsl(217.7,76.4%,51.8%)`
HSV (or HSB)	217.7°, 83.2, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.786, 21.891, -65.951
XYZ	19.886, 16.627, 74.108
xyY	0.18, 0.15, 16.627
CIE-LCH	47.786, 69.489, 288.362
CIE-LUV	47.786, -22.385, -101.849
Hunter-Lab	40.776, 15.697, -79.215
Binary	00100110, 01101100, 11100010

#266ce2
```
#266ce2 rgb(38,108,226)
```
#e29c26
```
#e29c26 rgb(226,156,38)
```

Complementary Color

#26cae2
```
#26cae2 rgb(38,202,226)
```
#266ce2
```
#266ce2 rgb(38,108,226)
```
#3e26e2
```
#3e26e2 rgb(62,38,226)
```

Analogous Color

#cae226
```
#cae226 rgb(202,226,38)
```
#266ce2
```
#266ce2 rgb(38,108,226)
```
#e23e26
```
#e23e26 rgb(226,62,38)
```

Split Complementary Color

#6ce226
```
#6ce226 rgb(108,226,38)
```
#266ce2
```
#266ce2 rgb(38,108,226)
```
#e2266c
```
#e2266c rgb(226,38,108)
```

Triadic Color

#26e29c
```
#26e29c rgb(38,226,156)
```
#266ce2
```
#266ce2 rgb(38,108,226)
```
#e2266c
```
#e2266c rgb(226,38,108)
```
#e29c26
```
#e29c26 rgb(226,156,38)
```

Tetradic Color

#164ba5
```
#164ba5 rgb(22,75,165)
```
#1956bc
```
#1956bc rgb(25,86,188)
```
#1c60d2
```
#1c60d2 rgb(28,96,210)
```
#266ce2
```
#266ce2 rgb(38,108,226)
```
#3c7be5
```
#3c7be5 rgb(60,123,229)
```
#538ae8
```
#538ae8 rgb(83,138,232)
```
#699aeb
```
#699aeb rgb(105,154,235)
```

Monochromatic Color

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

#269be2
```
#269be2 rgb(38,155,226)
```
#268be2
```
#268be2 rgb(38,139,226)
```
#267ce2
```
#267ce2 rgb(38,124,226)
```
#266ce2
```
#266ce2 rgb(38,108,226)
```
#265ce2
```
#265ce2 rgb(38,92,226)
```
#264de2
```
#264de2 rgb(38,77,226)
```
#263de2
```
#263de2 rgb(38,61,226)
```

Similar Colors

Text with hexadecimal color #266ce2

This text has a font color of #266ce2.

<span style="color:#266ce2;">Text here</span>

#266ce2 background color

This paragraph has a background color of #266ce2.

<p style="background-color:#266ce2;">Content here</p>

#266ce2 border color

This element has a border color of #266ce2.

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

CSS codes

.text {color:#266ce2;}

.background {background-color:#266ce2;}

.border {border:1px solid #266ce2;}

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

#010408
```
#010408 rgb(1,4,8)
```
#030c19
```
#030c19 rgb(3,12,25)
```
#06132b
```
#06132b rgb(6,19,43)
```
#081b3c
```
#081b3c rgb(8,27,60)
```
#0a234d
```
#0a234d rgb(10,35,77)
```
#0d2b5e
```
#0d2b5e rgb(13,43,94)
```
#0f3370
```
#0f3370 rgb(15,51,112)
```
#113b81
```
#113b81 rgb(17,59,129)
```
#144392
```
#144392 rgb(20,67,146)
```
#164ba4
```
#164ba4 rgb(22,75,164)
```
#1853b5
```
#1853b5 rgb(24,83,181)
```
#1a5ac6
```
#1a5ac6 rgb(26,90,198)
```
#1d62d8
```
#1d62d8 rgb(29,98,216)
```

Shade Color Variation

#266ce2
```
#266ce2 rgb(38,108,226)
```
#3778e4
```
#3778e4 rgb(55,120,228)
```
#4983e7
```
#4983e7 rgb(73,131,231)
```
#5a8fe9
```
#5a8fe9 rgb(90,143,233)
```
#6b9beb
```
#6b9beb rgb(107,155,235)
```
#7da7ee
```
#7da7ee rgb(125,167,238)
```
#8eb2f0
```
#8eb2f0 rgb(142,178,240)
```
#9fbef2
```
#9fbef2 rgb(159,190,242)
```
#b0caf4
```
#b0caf4 rgb(176,202,244)
```
#c2d5f7
```
#c2d5f7 rgb(194,213,247)
```
#d3e1f9
```
#d3e1f9 rgb(211,225,249)
```
#e4edfb
```
#e4edfb rgb(228,237,251)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#7b828d
```
#7b828d rgb(123,130,141)
```
#727f96
```
#727f96 rgb(114,127,150)
```
#687da0
```
#687da0 rgb(104,125,160)
```
#5f7aa9
```
#5f7aa9 rgb(95,122,169)
```
#5578b3
```
#5578b3 rgb(85,120,179)
```
#4c76bc
```
#4c76bc rgb(76,118,188)
```
#4273c6
```
#4273c6 rgb(66,115,198)
```
#3971cf
```
#3971cf rgb(57,113,207)
```
#2f6ed9
```
#2f6ed9 rgb(47,110,217)
```
#266ce2
```
#266ce2 rgb(38,108,226)
```
#1d6aeb
```
#1d6aeb rgb(29,106,235)
```
#1367f5
```
#1367f5 rgb(19,103,245)
```
#0a65fe
```
#0a65fe rgb(10,101,254)
```

Tone Color Variation

Below, you can see how #266ce2 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

#656565 Achromatopsia 0.005% of the population
#58667e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1474e4 Protanopia 1% of men
#007bc9 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#1a71e3 Protanomaly 1% of men, 0.01% of women
#0d75d2 Deuteranomaly 6% of men, 0.4% of women
#0d7bab Tritanomaly 0.01% of the population

#266ce2 hex color

#266ce2 Color Information

#266ce2 Color Conversion

Color Schemes with #266ce2

Alternatives to #266ce2

#266ce2 Preview

Shades and Tints of #266ce2

Tones of #266ce2

Color Blindness Simulator