#0764ff hex color

In a RGB color space, hex #0764ff is composed of 2.7% red, 39.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 60.8% magenta, 0% yellow and 0% black. It has a hue angle of 217.5 degrees, a saturation of 100% and a lightness of 51.4%. #0764ff color hex could be obtained by blending #0ec8ff with #0000ff. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 3
- G 39
- B 100
RGB color chart
- C 97
- M 61
- Y 0
- K 0
CMYK color chart

● #0764ff color description : Vivid blue.

The hexadecimal color #0764ff has RGB values of R:7, G:100, B:255 and CMYK values of C:0.97, M:0.61, Y:0, K:0. Its decimal value is 484607.

Hex triplet	0764ff	`#0764ff`
RGB Decimal	7, 100, 255	`rgb(7,100,255)`
RGB Percent	2.7, 39.2, 100	`rgb(2.7%,39.2%,100%)`
CMYK	97, 61, 0, 0
HSL	217.5°, 100, 51.4	`hsl(217.5,100%,51.4%)`
HSV (or HSB)	217.5°, 97.3, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.466, 36.616, -82.732
XYZ	22.691, 16.378, 96.567
xyY	0.167, 0.121, 16.378
CIE-LCH	47.466, 90.472, 293.873
CIE-LUV	47.466, -21.719, -126.009
Hunter-Lab	40.469, 29.263, -113.149
Binary	00000111, 01100100, 11111111

#0764ff
```
#0764ff rgb(7,100,255)
```
#ffa207
```
#ffa207 rgb(255,162,7)
```

Complementary Color

#07e0ff
```
#07e0ff rgb(7,224,255)
```
#0764ff
```
#0764ff rgb(7,100,255)
```
#2607ff
```
#2607ff rgb(38,7,255)
```

Analogous Color

#e0ff07
```
#e0ff07 rgb(224,255,7)
```
#0764ff
```
#0764ff rgb(7,100,255)
```
#ff2607
```
#ff2607 rgb(255,38,7)
```

Split Complementary Color

#64ff07
```
#64ff07 rgb(100,255,7)
```
#0764ff
```
#0764ff rgb(7,100,255)
```
#ff0764
```
#ff0764 rgb(255,7,100)
```

Triadic Color

#07ffa2
```
#07ffa2 rgb(7,255,162)
```
#0764ff
```
#0764ff rgb(7,100,255)
```
#ff0764
```
#ff0764 rgb(255,7,100)
```
#ffa207
```
#ffa207 rgb(255,162,7)
```

Tetradic Color

#0046ba
```
#0046ba rgb(0,70,186)
```
#004fd3
```
#004fd3 rgb(0,79,211)
```
#0059ed
```
#0059ed rgb(0,89,237)
```
#0764ff
```
#0764ff rgb(7,100,255)
```
#2174ff
```
#2174ff rgb(33,116,255)
```
#3a84ff
```
#3a84ff rgb(58,132,255)
```
#5494ff
```
#5494ff rgb(84,148,255)
```

Monochromatic Color

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

#07a2ff
```
#07a2ff rgb(7,162,255)
```
#078dff
```
#078dff rgb(7,141,255)
```
#0779ff
```
#0779ff rgb(7,121,255)
```
#0764ff
```
#0764ff rgb(7,100,255)
```
#074fff
```
#074fff rgb(7,79,255)
```
#073bff
```
#073bff rgb(7,59,255)
```
#0726ff
```
#0726ff rgb(7,38,255)
```

Similar Colors

Text with hexadecimal color #0764ff

This text has a font color of #0764ff.

<span style="color:#0764ff;">Text here</span>

#0764ff background color

This paragraph has a background color of #0764ff.

<p style="background-color:#0764ff;">Content here</p>

#0764ff border color

This element has a border color of #0764ff.

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

CSS codes

.text {color:#0764ff;}

.background {background-color:#0764ff;}

.border {border:1px solid #0764ff;}

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

#000307
```
#000307 rgb(0,3,7)
```
#000a1b
```
#000a1b rgb(0,10,27)
```
#00112e
```
#00112e rgb(0,17,46)
```
#001942
```
#001942 rgb(0,25,66)
```
#002055
```
#002055 rgb(0,32,85)
```
#002769
```
#002769 rgb(0,39,105)
```
#002f7d
```
#002f7d rgb(0,47,125)
```
#003690
```
#003690 rgb(0,54,144)
```
#003da4
```
#003da4 rgb(0,61,164)
```
#0045b8
```
#0045b8 rgb(0,69,184)
```
#004ccb
```
#004ccb rgb(0,76,203)
```
#0054df
```
#0054df rgb(0,84,223)
```
#005bf2
```
#005bf2 rgb(0,91,242)
```

Shade Color Variation

#0764ff
```
#0764ff rgb(7,100,255)
```
#1b70ff
```
#1b70ff rgb(27,112,255)
```
#2e7dff
```
#2e7dff rgb(46,125,255)
```
#4289ff
```
#4289ff rgb(66,137,255)
```
#5595ff
```
#5595ff rgb(85,149,255)
```
#69a1ff
```
#69a1ff rgb(105,161,255)
```
#7daeff
```
#7daeff rgb(125,174,255)
```
#90baff
```
#90baff rgb(144,186,255)
```
#a4c6ff
```
#a4c6ff rgb(164,198,255)
```
#b8d2ff
```
#b8d2ff rgb(184,210,255)
```
#cbdfff
```
#cbdfff rgb(203,223,255)
```
#dfebff
```
#dfebff rgb(223,235,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79818d is the less saturated color, while #0764ff is the most saturated one.

#79818d
```
#79818d rgb(121,129,141)
```
#707e96
```
#707e96 rgb(112,126,150)
```
#667ca0
```
#667ca0 rgb(102,124,160)
```
#5d79a9
```
#5d79a9 rgb(93,121,169)
```
#5377b3
```
#5377b3 rgb(83,119,179)
```
#4a75bc
```
#4a75bc rgb(74,117,188)
```
#4072c6
```
#4072c6 rgb(64,114,198)
```
#3770cf
```
#3770cf rgb(55,112,207)
```
#2d6ed9
```
#2d6ed9 rgb(45,110,217)
```
#246be2
```
#246be2 rgb(36,107,226)
```
#1a69ec
```
#1a69ec rgb(26,105,236)
```
#1166f5
```
#1166f5 rgb(17,102,245)
```
#0764ff
```
#0764ff rgb(7,100,255)
```

Tone Color Variation

Below, you can see how #0764ff 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

#5a5a5a Achromatopsia 0.005% of the population
#495c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc5 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#026eed Protanomaly 1% of men, 0.01% of women
#0272da Deuteranomaly 6% of men, 0.4% of women
#0278b4 Tritanomaly 0.01% of the population

#0764ff hex color

#0764ff Color Information

#0764ff Color Conversion

Color Schemes with #0764ff

Alternatives to #0764ff

#0764ff Preview

Shades and Tints of #0764ff

Tones of #0764ff

Color Blindness Simulator