#266be2 hex color

In a RGB color space, hex #266be2 is composed of 14.9% red, 42% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 52.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 218 degrees, a saturation of 76.4% and a lightness of 51.8%. #266be2 color hex could be obtained by blending #4cd6ff 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

● #266be2 color description : Bright blue.

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

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

CIE-LAB	47.517, 22.529, -66.388
XYZ	19.781, 16.417, 74.074
xyY	0.179, 0.149, 16.417
CIE-LCH	47.517, 70.106, 288.745
CIE-LUV	47.517, -22.103, -102.371
Hunter-Lab	40.518, 16.241, -80.03
Binary	00100110, 01101011, 11100010

#266be2
```
#266be2 rgb(38,107,226)
```
#e29d26
```
#e29d26 rgb(226,157,38)
```

Complementary Color

#26c9e2
```
#26c9e2 rgb(38,201,226)
```
#266be2
```
#266be2 rgb(38,107,226)
```
#3f26e2
```
#3f26e2 rgb(63,38,226)
```

Analogous Color

#c9e226
```
#c9e226 rgb(201,226,38)
```
#266be2
```
#266be2 rgb(38,107,226)
```
#e23f26
```
#e23f26 rgb(226,63,38)
```

Split Complementary Color

#6be226
```
#6be226 rgb(107,226,38)
```
#266be2
```
#266be2 rgb(38,107,226)
```
#e2266b
```
#e2266b rgb(226,38,107)
```

Triadic Color

#26e29d
```
#26e29d rgb(38,226,157)
```
#266be2
```
#266be2 rgb(38,107,226)
```
#e2266b
```
#e2266b rgb(226,38,107)
```
#e29d26
```
#e29d26 rgb(226,157,38)
```

Tetradic Color

#164ba5
```
#164ba5 rgb(22,75,165)
```
#1955bc
```
#1955bc rgb(25,85,188)
```
#1c5fd2
```
#1c5fd2 rgb(28,95,210)
```
#266be2
```
#266be2 rgb(38,107,226)
```
#3c7ae5
```
#3c7ae5 rgb(60,122,229)
```
#538ae8
```
#538ae8 rgb(83,138,232)
```
#6999eb
```
#6999eb rgb(105,153,235)
```

Monochromatic Color

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

#269ae2
```
#269ae2 rgb(38,154,226)
```
#268ae2
```
#268ae2 rgb(38,138,226)
```
#267be2
```
#267be2 rgb(38,123,226)
```
#266be2
```
#266be2 rgb(38,107,226)
```
#265be2
```
#265be2 rgb(38,91,226)
```
#264ce2
```
#264ce2 rgb(38,76,226)
```
#263ce2
```
#263ce2 rgb(38,60,226)
```

Similar Colors

Text with hexadecimal color #266be2

This text has a font color of #266be2.

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

#266be2 background color

This paragraph has a background color of #266be2.

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

#266be2 border color

This element has a border color of #266be2.

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

CSS codes

.text {color:#266be2;}

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

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

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)
```
#0a234d
```
#0a234d rgb(10,35,77)
```
#0d2b5e
```
#0d2b5e rgb(13,43,94)
```
#0f3270
```
#0f3270 rgb(15,50,112)
```
#113a81
```
#113a81 rgb(17,58,129)
```
#144292
```
#144292 rgb(20,66,146)
```
#164aa4
```
#164aa4 rgb(22,74,164)
```
#1852b5
```
#1852b5 rgb(24,82,181)
```
#1a5ac6
```
#1a5ac6 rgb(26,90,198)
```
#1d61d8
```
#1d61d8 rgb(29,97,216)
```

Shade Color Variation

#266be2
```
#266be2 rgb(38,107,226)
```
#3777e4
```
#3777e4 rgb(55,119,228)
```
#4983e7
```
#4983e7 rgb(73,131,231)
```
#5a8ee9
```
#5a8ee9 rgb(90,142,233)
```
#6b9aeb
```
#6b9aeb rgb(107,154,235)
```
#7da6ee
```
#7da6ee rgb(125,166,238)
```
#8eb2f0
```
#8eb2f0 rgb(142,178,240)
```
#9fbef2
```
#9fbef2 rgb(159,190,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 #0a63fe 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)
```
#4c75bc
```
#4c75bc rgb(76,117,188)
```
#4273c6
```
#4273c6 rgb(66,115,198)
```
#3970cf
```
#3970cf rgb(57,112,207)
```
#2f6ed9
```
#2f6ed9 rgb(47,110,217)
```
#266be2
```
#266be2 rgb(38,107,226)
```
#1d68eb
```
#1d68eb rgb(29,104,235)
```
#1366f5
```
#1366f5 rgb(19,102,245)
```
#0a63fe
```
#0a63fe rgb(10,99,254)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#58657d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

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

#266be2 hex color

#266be2 Color Information

#266be2 Color Conversion

Color Schemes with #266be2

Alternatives to #266be2

#266be2 Preview

Shades and Tints of #266be2

Tones of #266be2

Color Blindness Simulator