#267aed hex color

In a RGB color space, hex #267aed is composed of 14.9% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 214.7 degrees, a saturation of 84.7% and a lightness of 53.9%. #267aed color hex could be obtained by blending #4cf4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 48
- B 93
RGB color chart
- C 84
- M 49
- Y 0
- K 7
CMYK color chart

● #267aed color description : Bright blue.

The hexadecimal color #267aed has RGB values of R:38, G:122, B:237 and CMYK values of C:0.84, M:0.49, Y:0, K:0.07. Its decimal value is 2521837.

Hex triplet	267aed	`#267aed`
RGB Decimal	38, 122, 237	`rgb(38,122,237)`
RGB Percent	14.9, 47.8, 92.9	`rgb(14.9%,47.8%,92.9%)`
CMYK	84, 49, 0, 7
HSL	214.7°, 84.7, 53.9	`hsl(214.7,84.7%,53.9%)`
HSV (or HSB)	214.7°, 84, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.335, 17.217, -64.768
XYZ	23.042, 20.444, 82.848
xyY	0.182, 0.162, 20.444
CIE-LCH	52.335, 67.017, 284.887
CIE-LUV	52.335, -26.159, -102.15
Hunter-Lab	45.215, 11.839, -76.988
Binary	00100110, 01111010, 11101101

#267aed
```
#267aed rgb(38,122,237)
```
#ed9926
```
#ed9926 rgb(237,153,38)
```

Complementary Color

#26deed
```
#26deed rgb(38,222,237)
```
#267aed
```
#267aed rgb(38,122,237)
```
#3526ed
```
#3526ed rgb(53,38,237)
```

Analogous Color

#deed26
```
#deed26 rgb(222,237,38)
```
#267aed
```
#267aed rgb(38,122,237)
```
#ed3526
```
#ed3526 rgb(237,53,38)
```

Split Complementary Color

#7aed26
```
#7aed26 rgb(122,237,38)
```
#267aed
```
#267aed rgb(38,122,237)
```
#ed267a
```
#ed267a rgb(237,38,122)
```

Triadic Color

#26ed99
```
#26ed99 rgb(38,237,153)
```
#267aed
```
#267aed rgb(38,122,237)
```
#ed267a
```
#ed267a rgb(237,38,122)
```
#ed9926
```
#ed9926 rgb(237,153,38)
```

Tetradic Color

#0f56b7
```
#0f56b7 rgb(15,86,183)
```
#1161cf
```
#1161cf rgb(17,97,207)
```
#136ce6
```
#136ce6 rgb(19,108,230)
```
#267aed
```
#267aed rgb(38,122,237)
```
#3e88ef
```
#3e88ef rgb(62,136,239)
```
#5597f1
```
#5597f1 rgb(85,151,241)
```
#6da5f3
```
#6da5f3 rgb(109,165,243)
```

Monochromatic Color

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

#26aced
```
#26aced rgb(38,172,237)
```
#269bed
```
#269bed rgb(38,155,237)
```
#268bed
```
#268bed rgb(38,139,237)
```
#267aed
```
#267aed rgb(38,122,237)
```
#2669ed
```
#2669ed rgb(38,105,237)
```
#2659ed
```
#2659ed rgb(38,89,237)
```
#2648ed
```
#2648ed rgb(38,72,237)
```

Similar Colors

Text with hexadecimal color #267aed

This text has a font color of #267aed.

<span style="color:#267aed;">Text here</span>

#267aed background color

This paragraph has a background color of #267aed.

<p style="background-color:#267aed;">Content here</p>

#267aed border color

This element has a border color of #267aed.

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

CSS codes

.text {color:#267aed;}

.background {background-color:#267aed;}

.border {border:1px solid #267aed;}

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

#000000
```
#000000 rgb(0,0,0)
```
#020912
```
#020912 rgb(2,9,18)
```
#031125
```
#031125 rgb(3,17,37)
```
#051a37
```
#051a37 rgb(5,26,55)
```
#062249
```
#062249 rgb(6,34,73)
```
#082b5b
```
#082b5b rgb(8,43,91)
```
#09336d
```
#09336d rgb(9,51,109)
```
#0b3c7f
```
#0b3c7f rgb(11,60,127)
```
#0c4491
```
#0c4491 rgb(12,68,145)
```
#0e4da3
```
#0e4da3 rgb(14,77,163)
```
#0f55b5
```
#0f55b5 rgb(15,85,181)
```
#115ec8
```
#115ec8 rgb(17,94,200)
```
#1266da
```
#1266da rgb(18,102,218)
```

Shade Color Variation

#146feb
```
#146feb rgb(20,111,235)
```
#267aed
```
#267aed rgb(38,122,237)
```
#3885ef
```
#3885ef rgb(56,133,239)
```
#4a90f0
```
#4a90f0 rgb(74,144,240)
```
#5c9bf2
```
#5c9bf2 rgb(92,155,242)
```
#6ea6f3
```
#6ea6f3 rgb(110,166,243)
```
#81b2f5
```
#81b2f5 rgb(129,178,245)
```
#93bdf6
```
#93bdf6 rgb(147,189,246)
```
#a5c8f8
```
#a5c8f8 rgb(165,200,248)
```
#b7d3f9
```
#b7d3f9 rgb(183,211,249)
```
#c9defb
```
#c9defb rgb(201,222,251)
```
#dbe9fc
```
#dbe9fc rgb(219,233,252)
```
#edf4fe
```
#edf4fe rgb(237,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89898a is the less saturated color, while #1d79f6 is the most saturated one.

#89898a
```
#89898a rgb(137,137,138)
```
#808893
```
#808893 rgb(128,136,147)
```
#77879c
```
#77879c rgb(119,135,156)
```
#6e85a5
```
#6e85a5 rgb(110,133,165)
```
#6584ae
```
#6584ae rgb(101,132,174)
```
#5c82b7
```
#5c82b7 rgb(92,130,183)
```
#5381c0
```
#5381c0 rgb(83,129,192)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#417ed2
```
#417ed2 rgb(65,126,210)
```
#387ddb
```
#387ddb rgb(56,125,219)
```
#2f7be4
```
#2f7be4 rgb(47,123,228)
```
#267aed
```
#267aed rgb(38,122,237)
```
#1d79f6
```
#1d79f6 rgb(29,121,246)
```

Tone Color Variation

Below, you can see how #267aed 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

#6e6e6e Achromatopsia 0.005% of the population
#607087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d7fed Protanopia 1% of men
#0086dc Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#357ded Protanomaly 1% of men, 0.01% of women
#0d81e2 Deuteranomaly 6% of men, 0.4% of women
#0d88b7 Tritanomaly 0.01% of the population

#267aed hex color

#267aed Color Information

#267aed Color Conversion

Color Schemes with #267aed

Alternatives to #267aed

#267aed Preview

Shades and Tints of #267aed

Tones of #267aed

Color Blindness Simulator