#266ae2 hex color

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

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

● #266ae2 color description : Bright blue.

The hexadecimal color #266ae2 has RGB values of R:38, G:106, B:226 and CMYK values of C:0.83, M:0.53, Y:0, K:0.11. Its decimal value is 2517730.

Hex triplet	266ae2	`#266ae2`
RGB Decimal	38, 106, 226	`rgb(38,106,226)`
RGB Percent	14.9, 41.6, 88.6	`rgb(14.9%,41.6%,88.6%)`
CMYK	83, 53, 0, 11
HSL	218.3°, 76.4, 51.8	`hsl(218.3,76.4%,51.8%)`
HSV (or HSB)	218.3°, 83.2, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.248, 23.168, -66.823
XYZ	19.678, 16.21, 74.039
xyY	0.179, 0.147, 16.21
CIE-LCH	47.248, 70.726, 289.122
CIE-LUV	47.248, -21.822, -102.884
Hunter-Lab	40.261, 16.786, -80.85
Binary	00100110, 01101010, 11100010

#266ae2
```
#266ae2 rgb(38,106,226)
```
#e29e26
```
#e29e26 rgb(226,158,38)
```

Complementary Color

#26c8e2
```
#26c8e2 rgb(38,200,226)
```
#266ae2
```
#266ae2 rgb(38,106,226)
```
#4026e2
```
#4026e2 rgb(64,38,226)
```

Analogous Color

#c8e226
```
#c8e226 rgb(200,226,38)
```
#266ae2
```
#266ae2 rgb(38,106,226)
```
#e24026
```
#e24026 rgb(226,64,38)
```

Split Complementary Color

#6ae226
```
#6ae226 rgb(106,226,38)
```
#266ae2
```
#266ae2 rgb(38,106,226)
```
#e2266a
```
#e2266a rgb(226,38,106)
```

Triadic Color

#26e29e
```
#26e29e rgb(38,226,158)
```
#266ae2
```
#266ae2 rgb(38,106,226)
```
#e2266a
```
#e2266a rgb(226,38,106)
```
#e29e26
```
#e29e26 rgb(226,158,38)
```

Tetradic Color

#164aa5
```
#164aa5 rgb(22,74,165)
```
#1954bc
```
#1954bc rgb(25,84,188)
```
#1c5ed2
```
#1c5ed2 rgb(28,94,210)
```
#266ae2
```
#266ae2 rgb(38,106,226)
```
#3c79e5
```
#3c79e5 rgb(60,121,229)
```
#5389e8
```
#5389e8 rgb(83,137,232)
```
#6998eb
```
#6998eb rgb(105,152,235)
```

Monochromatic Color

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

#2699e2
```
#2699e2 rgb(38,153,226)
```
#2689e2
```
#2689e2 rgb(38,137,226)
```
#267ae2
```
#267ae2 rgb(38,122,226)
```
#266ae2
```
#266ae2 rgb(38,106,226)
```
#265ae2
```
#265ae2 rgb(38,90,226)
```
#264be2
```
#264be2 rgb(38,75,226)
```
#263be2
```
#263be2 rgb(38,59,226)
```

Similar Colors

Text with hexadecimal color #266ae2

This text has a font color of #266ae2.

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

#266ae2 background color

This paragraph has a background color of #266ae2.

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

#266ae2 border color

This element has a border color of #266ae2.

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

CSS codes

.text {color:#266ae2;}

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

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

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)
```
#030b19
```
#030b19 rgb(3,11,25)
```
#06132b
```
#06132b rgb(6,19,43)
```
#081b3c
```
#081b3c rgb(8,27,60)
```
#0a224d
```
#0a224d rgb(10,34,77)
```
#0d2a5e
```
#0d2a5e rgb(13,42,94)
```
#0f3270
```
#0f3270 rgb(15,50,112)
```
#113a81
```
#113a81 rgb(17,58,129)
```
#144192
```
#144192 rgb(20,65,146)
```
#1649a4
```
#1649a4 rgb(22,73,164)
```
#1851b5
```
#1851b5 rgb(24,81,181)
```
#1a59c6
```
#1a59c6 rgb(26,89,198)
```
#1d60d8
```
#1d60d8 rgb(29,96,216)
```

Shade Color Variation

#266ae2
```
#266ae2 rgb(38,106,226)
```
#3776e4
```
#3776e4 rgb(55,118,228)
```
#4982e7
```
#4982e7 rgb(73,130,231)
```
#5a8ee9
```
#5a8ee9 rgb(90,142,233)
```
#6b9aeb
```
#6b9aeb rgb(107,154,235)
```
#7da5ee
```
#7da5ee rgb(125,165,238)
```
#8eb1f0
```
#8eb1f0 rgb(142,177,240)
```
#9fbdf2
```
#9fbdf2 rgb(159,189,242)
```
#b0c9f4
```
#b0c9f4 rgb(176,201,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 #0a62fe is the most saturated one.

#7b828d
```
#7b828d rgb(123,130,141)
```
#727f96
```
#727f96 rgb(114,127,150)
```
#687ca0
```
#687ca0 rgb(104,124,160)
```
#5f7aa9
```
#5f7aa9 rgb(95,122,169)
```
#5577b3
```
#5577b3 rgb(85,119,179)
```
#4c74bc
```
#4c74bc rgb(76,116,188)
```
#4272c6
```
#4272c6 rgb(66,114,198)
```
#396fcf
```
#396fcf rgb(57,111,207)
```
#2f6dd9
```
#2f6dd9 rgb(47,109,217)
```
#266ae2
```
#266ae2 rgb(38,106,226)
```
#1d67eb
```
#1d67eb rgb(29,103,235)
```
#1365f5
```
#1365f5 rgb(19,101,245)
```
#0a62fe
```
#0a62fe rgb(10,98,254)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#57647c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e3 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#0d70e2 Protanomaly 1% of men, 0.01% of women
#0d74d0 Deuteranomaly 6% of men, 0.4% of women
#0d7aaa Tritanomaly 0.01% of the population

#266ae2 hex color

#266ae2 Color Information

#266ae2 Color Conversion

Color Schemes with #266ae2

Alternatives to #266ae2

#266ae2 Preview

Shades and Tints of #266ae2

Tones of #266ae2

Color Blindness Simulator