#007aed hex color

In a RGB color space, hex #007aed is composed of 0% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 209.1 degrees, a saturation of 100% and a lightness of 46.5%. #007aed color hex could be obtained by blending #00f4ff with #0000db. Closest websafe color is: #0066ff.

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

● #007aed color description : Pure (or mostly pure) blue.

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

Hex triplet	007aed	`#007aed`
RGB Decimal	0, 122, 237	`rgb(0,122,237)`
RGB Percent	0, 47.8, 92.9	`rgb(0%,47.8%,92.9%)`
CMYK	100, 49, 0, 7
HSL	209.1°, 100, 46.5	`hsl(209.1,100%,46.5%)`
HSV (or HSB)	209.1°, 100, 92.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.873, 15.562, -65.538
XYZ	22.242, 20.031, 82.81
xyY	0.178, 0.16, 20.031
CIE-LCH	51.873, 67.36, 283.358
CIE-LUV	51.873, -28.368, -102.962
Hunter-Lab	44.757, 10.383, -78.371
Binary	00000000, 01111010, 11101101

#007aed
```
#007aed rgb(0,122,237)
```
#ed7300
```
#ed7300 rgb(237,115,0)
```

Complementary Color

#00edea
```
#00edea rgb(0,237,234)
```
#007aed
```
#007aed rgb(0,122,237)
```
#0004ed
```
#0004ed rgb(0,4,237)
```

Analogous Color

#edea00
```
#edea00 rgb(237,234,0)
```
#007aed
```
#007aed rgb(0,122,237)
```
#ed0004
```
#ed0004 rgb(237,0,4)
```

Split Complementary Color

#7aed00
```
#7aed00 rgb(122,237,0)
```
#007aed
```
#007aed rgb(0,122,237)
```
#ed007a
```
#ed007a rgb(237,0,122)
```

Triadic Color

#00ed73
```
#00ed73 rgb(0,237,115)
```
#007aed
```
#007aed rgb(0,122,237)
```
#ed007a
```
#ed007a rgb(237,0,122)
```
#ed7300
```
#ed7300 rgb(237,115,0)
```

Tetradic Color

#0053a1
```
#0053a1 rgb(0,83,161)
```
#0060ba
```
#0060ba rgb(0,96,186)
```
#006dd4
```
#006dd4 rgb(0,109,212)
```
#007aed
```
#007aed rgb(0,122,237)
```
#0787ff
```
#0787ff rgb(7,135,255)
```
#2193ff
```
#2193ff rgb(33,147,255)
```
#3ba0ff
```
#3ba0ff rgb(59,160,255)
```

Monochromatic Color

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

#00b5ed
```
#00b5ed rgb(0,181,237)
```
#00a2ed
```
#00a2ed rgb(0,162,237)
```
#008eed
```
#008eed rgb(0,142,237)
```
#007aed
```
#007aed rgb(0,122,237)
```
#0066ed
```
#0066ed rgb(0,102,237)
```
#0053ed
```
#0053ed rgb(0,83,237)
```
#003fed
```
#003fed rgb(0,63,237)
```

Similar Colors

Text with hexadecimal color #007aed

This text has a font color of #007aed.

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

#007aed background color

This paragraph has a background color of #007aed.

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

#007aed border color

This element has a border color of #007aed.

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

CSS codes

.text {color:#007aed;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000b15
```
#000b15 rgb(0,11,21)
```
#001529
```
#001529 rgb(0,21,41)
```
#001f3c
```
#001f3c rgb(0,31,60)
```
#002950
```
#002950 rgb(0,41,80)
```
#003364
```
#003364 rgb(0,51,100)
```
#003d77
```
#003d77 rgb(0,61,119)
```
#00488b
```
#00488b rgb(0,72,139)
```
#00529f
```
#00529f rgb(0,82,159)
```
#005cb2
```
#005cb2 rgb(0,92,178)
```
#0066c6
```
#0066c6 rgb(0,102,198)
```
#0070d9
```
#0070d9 rgb(0,112,217)
```
#007aed
```
#007aed rgb(0,122,237)
```

Shade Color Variation

#0284ff
```
#0284ff rgb(2,132,255)
```
#158eff
```
#158eff rgb(21,142,255)
```
#2997ff
```
#2997ff rgb(41,151,255)
```
#3ca1ff
```
#3ca1ff rgb(60,161,255)
```
#50aaff
```
#50aaff rgb(80,170,255)
```
#64b4ff
```
#64b4ff rgb(100,180,255)
```
#77bdff
```
#77bdff rgb(119,189,255)
```
#8bc7ff
```
#8bc7ff rgb(139,199,255)
```
#9fd0ff
```
#9fd0ff rgb(159,208,255)
```
#b2daff
```
#b2daff rgb(178,218,255)
```
#c6e3ff
```
#c6e3ff rgb(198,227,255)
```
#d9edff
```
#d9edff rgb(217,237,255)
```
#edf6ff
```
#edf6ff rgb(237,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7780 is the less saturated color, while #007aed is the most saturated one.

#6d7780
```
#6d7780 rgb(109,119,128)
```
#647789
```
#647789 rgb(100,119,137)
```
#5b7792
```
#5b7792 rgb(91,119,146)
```
#52789b
```
#52789b rgb(82,120,155)
```
#4978a4
```
#4978a4 rgb(73,120,164)
```
#4078ad
```
#4078ad rgb(64,120,173)
```
#3778b6
```
#3778b6 rgb(55,120,182)
```
#2e79bf
```
#2e79bf rgb(46,121,191)
```
#2479c9
```
#2479c9 rgb(36,121,201)
```
#1b79d2
```
#1b79d2 rgb(27,121,210)
```
#1279db
```
#1279db rgb(18,121,219)
```
#097ae4
```
#097ae4 rgb(9,122,228)
```
#007aed
```
#007aed rgb(0,122,237)
```

Tone Color Variation

Below, you can see how #007aed 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
#4f687f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b7eec Protanopia 1% of men
#0085da Deuteranopia 1% of men
#008f97 Tritanopia 0.001% of the population

Trichromacy

#257dec Protanomaly 1% of men, 0.01% of women
#0081e1 Deuteranomaly 6% of men, 0.4% of women
#0087b6 Tritanomaly 0.01% of the population

#007aed hex color

#007aed Color Information

#007aed Color Conversion

Color Schemes with #007aed

Alternatives to #007aed

#007aed Preview

Shades and Tints of #007aed

Tones of #007aed

Color Blindness Simulator