#0767e2 hex color

In a RGB color space, hex #0767e2 is composed of 2.7% red, 40.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 54.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 213.7 degrees, a saturation of 94% and a lightness of 45.7%. #0767e2 color hex could be obtained by blending #0eceff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 3
- G 40
- B 89
RGB color chart
- C 97
- M 54
- Y 0
- K 11
CMYK color chart

● #0767e2 color description : Vivid blue.

The hexadecimal color #0767e2 has RGB values of R:7, G:103, B:226 and CMYK values of C:0.97, M:0.54, Y:0, K:0.11. Its decimal value is 485346.

Hex triplet	0767e2	`#0767e2`
RGB Decimal	7, 103, 226	`rgb(7,103,226)`
RGB Percent	2.7, 40.4, 88.6	`rgb(2.7%,40.4%,88.6%)`
CMYK	97, 54, 0, 11
HSL	213.7°, 94, 45.7	`hsl(213.7,94%,45.7%)`
HSV (or HSB)	213.7°, 96.9, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.954, 23.566, -68.947
XYZ	18.662, 15.235, 73.904
xyY	0.173, 0.141, 15.235
CIE-LCH	45.954, 72.864, 288.871
CIE-LUV	45.954, -23.083, -105.095
Hunter-Lab	39.032, 17.04, -84.939
Binary	00000111, 01100111, 11100010

#0767e2
```
#0767e2 rgb(7,103,226)
```
#e28207
```
#e28207 rgb(226,130,7)
```

Complementary Color

#07d5e2
```
#07d5e2 rgb(7,213,226)
```
#0767e2
```
#0767e2 rgb(7,103,226)
```
#1407e2
```
#1407e2 rgb(20,7,226)
```

Analogous Color

#d5e207
```
#d5e207 rgb(213,226,7)
```
#0767e2
```
#0767e2 rgb(7,103,226)
```
#e21407
```
#e21407 rgb(226,20,7)
```

Split Complementary Color

#67e207
```
#67e207 rgb(103,226,7)
```
#0767e2
```
#0767e2 rgb(7,103,226)
```
#e20767
```
#e20767 rgb(226,7,103)
```

Triadic Color

#07e282
```
#07e282 rgb(7,226,130)
```
#0767e2
```
#0767e2 rgb(7,103,226)
```
#e20767
```
#e20767 rgb(226,7,103)
```
#e28207
```
#e28207 rgb(226,130,7)
```

Tetradic Color

#054598
```
#054598 rgb(5,69,152)
```
#0550b1
```
#0550b1 rgb(5,80,177)
```
#065cc9
```
#065cc9 rgb(6,92,201)
```
#0767e2
```
#0767e2 rgb(7,103,226)
```
#0b73f7
```
#0b73f7 rgb(11,115,247)
```
#2481f8
```
#2481f8 rgb(36,129,248)
```
#3d8ff9
```
#3d8ff9 rgb(61,143,249)
```

Monochromatic Color

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

#079ee2
```
#079ee2 rgb(7,158,226)
```
#078ce2
```
#078ce2 rgb(7,140,226)
```
#0779e2
```
#0779e2 rgb(7,121,226)
```
#0767e2
```
#0767e2 rgb(7,103,226)
```
#0755e2
```
#0755e2 rgb(7,85,226)
```
#0743e2
```
#0743e2 rgb(7,67,226)
```
#0730e2
```
#0730e2 rgb(7,48,226)
```

Similar Colors

Text with hexadecimal color #0767e2

This text has a font color of #0767e2.

<span style="color:#0767e2;">Text here</span>

#0767e2 background color

This paragraph has a background color of #0767e2.

<p style="background-color:#0767e2;">Content here</p>

#0767e2 border color

This element has a border color of #0767e2.

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

CSS codes

.text {color:#0767e2;}

.background {background-color:#0767e2;}

.border {border:1px solid #0767e2;}

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

#010811
```
#010811 rgb(1,8,17)
```
#011024
```
#011024 rgb(1,16,36)
```
#021937
```
#021937 rgb(2,25,55)
```
#02224a
```
#02224a rgb(2,34,74)
```
#032a5d
```
#032a5d rgb(3,42,93)
```
#033370
```
#033370 rgb(3,51,112)
```
#043c83
```
#043c83 rgb(4,60,131)
```
#054496
```
#054496 rgb(5,68,150)
```
#054da9
```
#054da9 rgb(5,77,169)
```
#0656bc
```
#0656bc rgb(6,86,188)
```
#065ecf
```
#065ecf rgb(6,94,207)
```
#0767e2
```
#0767e2 rgb(7,103,226)
```
#0870f5
```
#0870f5 rgb(8,112,245)
```

Shade Color Variation

#187af8
```
#187af8 rgb(24,122,248)
```
#2b85f8
```
#2b85f8 rgb(43,133,248)
```
#3e90f9
```
#3e90f9 rgb(62,144,249)
```
#519bfa
```
#519bfa rgb(81,155,250)
```
#64a6fa
```
#64a6fa rgb(100,166,250)
```
#78b1fb
```
#78b1fb rgb(120,177,251)
```
#8bbcfb
```
#8bbcfb rgb(139,188,251)
```
#9ec7fc
```
#9ec7fc rgb(158,199,252)
```
#b1d2fd
```
#b1d2fd rgb(177,210,253)
```
#c4ddfd
```
#c4ddfd rgb(196,221,253)
```
#d7e8fe
```
#d7e8fe rgb(215,232,254)
```
#eaf3fe
```
#eaf3fe rgb(234,243,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737476 is the less saturated color, while #0767e2 is the most saturated one.

#737476
```
#737476 rgb(115,116,118)
```
#6a737f
```
#6a737f rgb(106,115,127)
```
#617288
```
#617288 rgb(97,114,136)
```
#587191
```
#587191 rgb(88,113,145)
```
#4f709a
```
#4f709a rgb(79,112,154)
```
#466fa3
```
#466fa3 rgb(70,111,163)
```
#3d6eac
```
#3d6eac rgb(61,110,172)
```
#346db5
```
#346db5 rgb(52,109,181)
```
#2b6bbe
```
#2b6bbe rgb(43,107,190)
```
#226ac7
```
#226ac7 rgb(34,106,199)
```
#1969d0
```
#1969d0 rgb(25,105,208)
```
#1068d9
```
#1068d9 rgb(16,104,217)
```
#0767e2
```
#0767e2 rgb(7,103,226)
```

Tone Color Variation

Below, you can see how #0767e2 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

#585858 Achromatopsia 0.005% of the population
#485b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#026ddf Protanomaly 1% of men, 0.01% of women
#0271cd Deuteranomaly 6% of men, 0.4% of women
#0276a7 Tritanomaly 0.01% of the population

#0767e2 hex color

#0767e2 Color Information

#0767e2 Color Conversion

Color Schemes with #0767e2

Alternatives to #0767e2

#0767e2 Preview

Shades and Tints of #0767e2

Tones of #0767e2

Color Blindness Simulator