colorhexa.com

#0077d0 hex color

In a RGB color space, hex #0077d0 is composed of 0% red, 46.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 42.8% magenta, 0% yellow and 18.4% black. It has a hue angle of 205.7 degrees, a saturation of 100% and a lightness of 40.8%. #0077d0 color hex could be obtained by blending #00eeff with #0000a1. Closest websafe color is: #0066cc.

- R 0
- G 47
- B 82
RGB color chart
- C 100
- M 43
- Y 0
- K 18
CMYK color chart

● #0077d0 color description : Strong blue.

The hexadecimal color #0077d0 has RGB values of R:0, G:119, B:208 and CMYK values of C:1, M:0.43, Y:0, K:0.18. Its decimal value is 30672.

Hex triplet	0077d0	`#0077d0`
RGB Decimal	0, 119, 208	`rgb(0,119,208)`
RGB Percent	0, 46.7, 81.6	`rgb(0%,46.7%,81.6%)`
CMYK	100, 43, 0, 18
HSL	205.7°, 100, 40.8	`hsl(205.7,100%,40.8%)`
HSV (or HSB)	205.7°, 100, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.187, 6.045, -53.512
XYZ	17.979, 17.746, 62.149
xyY	0.184, 0.181, 17.746
CIE-LCH	49.187, 53.853, 276.445
CIE-LUV	49.187, -28.79, -82.463
Hunter-Lab	42.126, 2.463, -57.983
Binary	00000000, 01110111, 11010000

#0077d0
```
#0077d0 rgb(0,119,208)
```
#d05900
```
#d05900 rgb(208,89,0)
```

Complementary Color

#00d0c1
```
#00d0c1 rgb(0,208,193)
```
#0077d0
```
#0077d0 rgb(0,119,208)
```
#000fd0
```
#000fd0 rgb(0,15,208)
```

Analogous Color

#d0c100
```
#d0c100 rgb(208,193,0)
```
#0077d0
```
#0077d0 rgb(0,119,208)
```
#d0000f
```
#d0000f rgb(208,0,15)
```

Split Complementary Color

#77d000
```
#77d000 rgb(119,208,0)
```
#0077d0
```
#0077d0 rgb(0,119,208)
```
#d00077
```
#d00077 rgb(208,0,119)
```

Triadic Color

#004b84
```
#004b84 rgb(0,75,132)
```
#005a9d
```
#005a9d rgb(0,90,157)
```
#0068b7
```
#0068b7 rgb(0,104,183)
```
#0077d0
```
#0077d0 rgb(0,119,208)
```
#0086ea
```
#0086ea rgb(0,134,234)
```
#0494ff
```
#0494ff rgb(4,148,255)
```
#1e9fff
```
#1e9fff rgb(30,159,255)
```

Monochromatic Color

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

#00abd0
```
#00abd0 rgb(0,171,208)
```
#009ad0
```
#009ad0 rgb(0,154,208)
```
#0088d0
```
#0088d0 rgb(0,136,208)
```
#0077d0
```
#0077d0 rgb(0,119,208)
```
#0066d0
```
#0066d0 rgb(0,102,208)
```
#0054d0
```
#0054d0 rgb(0,84,208)
```
#0043d0
```
#0043d0 rgb(0,67,208)
```

Similar Colors

Text with hexadecimal color #0077d0

This text has a font color of #0077d0.

<span style="color:#0077d0;">Text here</span>

#0077d0 background color

This paragraph has a background color of #0077d0.

<p style="background-color:#0077d0;">Content here</p>

#0077d0 border color

This element has a border color of #0077d0.

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

CSS codes

.text {color:#0077d0;}

.background {background-color:#0077d0;}

.border {border:1px solid #0077d0;}

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, #00070c is the darkest color, while #f7fcff is the lightest one.

#00070c
```
#00070c rgb(0,7,12)
```
#00121f
```
#00121f rgb(0,18,31)
```
#001d33
```
#001d33 rgb(0,29,51)
```
#002847
```
#002847 rgb(0,40,71)
```
#00345a
```
#00345a rgb(0,52,90)
```
#003f6e
```
#003f6e rgb(0,63,110)
```
#004a82
```
#004a82 rgb(0,74,130)
```
#005595
```
#005595 rgb(0,85,149)
```
#0061a9
```
#0061a9 rgb(0,97,169)
```
#006cbc
```
#006cbc rgb(0,108,188)
```
#0077d0
```
#0077d0 rgb(0,119,208)
```
#0082e4
```
#0082e4 rgb(0,130,228)
```
#008df7
```
#008df7 rgb(0,141,247)
```

Shade Color Variation

#0c97ff
```
#0c97ff rgb(12,151,255)
```
#1f9fff
```
#1f9fff rgb(31,159,255)
```
#33a8ff
```
#33a8ff rgb(51,168,255)
```
#47b0ff
```
#47b0ff rgb(71,176,255)
```
#5ab9ff
```
#5ab9ff rgb(90,185,255)
```
#6ec1ff
```
#6ec1ff rgb(110,193,255)
```
#82c9ff
```
#82c9ff rgb(130,201,255)
```
#95d2ff
```
#95d2ff rgb(149,210,255)
```
#a9daff
```
#a9daff rgb(169,218,255)
```
#bce2ff
```
#bce2ff rgb(188,226,255)
```
#d0ebff
```
#d0ebff rgb(208,235,255)
```
#e4f3ff
```
#e4f3ff rgb(228,243,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#606970
```
#606970 rgb(96,105,112)
```
#586a78
```
#586a78 rgb(88,106,120)
```
#506b80
```
#506b80 rgb(80,107,128)
```
#486d88
```
#486d88 rgb(72,109,136)
```
#406e90
```
#406e90 rgb(64,110,144)
```
#386f98
```
#386f98 rgb(56,111,152)
```
#3070a0
```
#3070a0 rgb(48,112,160)
```
#2871a8
```
#2871a8 rgb(40,113,168)
```
#2072b0
```
#2072b0 rgb(32,114,176)
```
#1874b8
```
#1874b8 rgb(24,116,184)
```
#1075c0
```
#1075c0 rgb(16,117,192)
```
#0876c8
```
#0876c8 rgb(8,118,200)
```
#0077d0
```
#0077d0 rgb(0,119,208)
```

Tone Color Variation

Below, you can see how #0077d0 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

#5e5e5e Achromatopsia 0.005% of the population
#4b6375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5179ce Protanopia 1% of men
#077ed2 Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#3378ce Protanomaly 1% of men, 0.01% of women
#057bd1 Deuteranomaly 6% of men, 0.4% of women
#0082a7 Tritanomaly 0.01% of the population