#4077ff hex color

In a RGB color space, hex #4077ff is composed of 25.1% red, 46.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 53.3% magenta, 0% yellow and 0% black. It has a hue angle of 222.7 degrees, a saturation of 100% and a lightness of 62.5%. #4077ff color hex could be obtained by blending #80eeff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 47
- B 100
RGB color chart
- C 75
- M 53
- Y 0
- K 0
CMYK color chart

● #4077ff color description : Light blue.

The hexadecimal color #4077ff has RGB values of R:64, G:119, B:255 and CMYK values of C:0.75, M:0.53, Y:0, K:0. Its decimal value is 4225023.

Hex triplet	4077ff	`#4077ff`
RGB Decimal	64, 119, 255	`rgb(64,119,255)`
RGB Percent	25.1, 46.7, 100	`rgb(25.1%,46.7%,100%)`
CMYK	75, 53, 0, 0
HSL	222.7°, 100, 62.5	`hsl(222.7,100%,62.5%)`
HSV (or HSB)	222.7°, 74.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.494, 28.152, -72.851
XYZ	26.757, 21.502, 97.342
xyY	0.184, 0.148, 21.502
CIE-LCH	53.494, 78.101, 291.128
CIE-LUV	53.494, -21.522, -115.848
Hunter-Lab	46.37, 21.854, -92.006
Binary	01000000, 01110111, 11111111

#4077ff
```
#4077ff rgb(64,119,255)
```
#ffc840
```
#ffc840 rgb(255,200,64)
```

Complementary Color

#40d7ff
```
#40d7ff rgb(64,215,255)
```
#4077ff
```
#4077ff rgb(64,119,255)
```
#6940ff
```
#6940ff rgb(105,64,255)
```

Analogous Color

#d7ff40
```
#d7ff40 rgb(215,255,64)
```
#4077ff
```
#4077ff rgb(64,119,255)
```
#ff6940
```
#ff6940 rgb(255,105,64)
```

Split Complementary Color

#77ff40
```
#77ff40 rgb(119,255,64)
```
#4077ff
```
#4077ff rgb(64,119,255)
```
#ff4077
```
#ff4077 rgb(255,64,119)
```

Triadic Color

#40ffc8
```
#40ffc8 rgb(64,255,200)
```
#4077ff
```
#4077ff rgb(64,119,255)
```
#ff4077
```
#ff4077 rgb(255,64,119)
```
#ffc840
```
#ffc840 rgb(255,200,64)
```

Tetradic Color

#0046f3
```
#0046f3 rgb(0,70,243)
```
#0d53ff
```
#0d53ff rgb(13,83,255)
```
#2765ff
```
#2765ff rgb(39,101,255)
```
#4077ff
```
#4077ff rgb(64,119,255)
```
#5a89ff
```
#5a89ff rgb(90,137,255)
```
#739bff
```
#739bff rgb(115,155,255)
```
#8dadff
```
#8dadff rgb(141,173,255)
```

Monochromatic Color

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

#40a7ff
```
#40a7ff rgb(64,167,255)
```
#4097ff
```
#4097ff rgb(64,151,255)
```
#4087ff
```
#4087ff rgb(64,135,255)
```
#4077ff
```
#4077ff rgb(64,119,255)
```
#4067ff
```
#4067ff rgb(64,103,255)
```
#4057ff
```
#4057ff rgb(64,87,255)
```
#4047ff
```
#4047ff rgb(64,71,255)
```

Similar Colors

Text with hexadecimal color #4077ff

This text has a font color of #4077ff.

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

#4077ff background color

This paragraph has a background color of #4077ff.

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

#4077ff border color

This element has a border color of #4077ff.

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

CSS codes

.text {color:#4077ff;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000719
```
#000719 rgb(0,7,25)
```
#000d2c
```
#000d2c rgb(0,13,44)
```
#001240
```
#001240 rgb(0,18,64)
```
#001854
```
#001854 rgb(0,24,84)
```
#001e67
```
#001e67 rgb(0,30,103)
```
#00237b
```
#00237b rgb(0,35,123)
```
#00298e
```
#00298e rgb(0,41,142)
```
#002fa2
```
#002fa2 rgb(0,47,162)
```
#0034b6
```
#0034b6 rgb(0,52,182)
```
#003ac9
```
#003ac9 rgb(0,58,201)
```
#0040dd
```
#0040dd rgb(0,64,221)
```
#0045f1
```
#0045f1 rgb(0,69,241)
```

Shade Color Variation

#054dff
```
#054dff rgb(5,77,255)
```
#195bff
```
#195bff rgb(25,91,255)
```
#2c69ff
```
#2c69ff rgb(44,105,255)
```
#4077ff
```
#4077ff rgb(64,119,255)
```
#5485ff
```
#5485ff rgb(84,133,255)
```
#6793ff
```
#6793ff rgb(103,147,255)
```
#7ba1ff
```
#7ba1ff rgb(123,161,255)
```
#8eafff
```
#8eafff rgb(142,175,255)
```
#a2bdff
```
#a2bdff rgb(162,189,255)
```
#b6cbff
```
#b6cbff rgb(182,203,255)
```
#c9d9ff
```
#c9d9ff rgb(201,217,255)
```
#dde7ff
```
#dde7ff rgb(221,231,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#989ca7
```
#989ca7 rgb(152,156,167)
```
#9199ae
```
#9199ae rgb(145,153,174)
```
#8996b6
```
#8996b6 rgb(137,150,182)
```
#8293bd
```
#8293bd rgb(130,147,189)
```
#7b90c4
```
#7b90c4 rgb(123,144,196)
```
#738dcc
```
#738dcc rgb(115,141,204)
```
#6c8ad3
```
#6c8ad3 rgb(108,138,211)
```
#6587da
```
#6587da rgb(101,135,218)
```
#5d83e2
```
#5d83e2 rgb(93,131,226)
```
#5680e9
```
#5680e9 rgb(86,128,233)
```
#4f7df0
```
#4f7df0 rgb(79,125,240)
```
#477af8
```
#477af8 rgb(71,122,248)
```
#4077ff
```
#4077ff rgb(64,119,255)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6b7691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1182ff Protanopia 1% of men
#0089e0 Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#227eff Protanomaly 1% of men, 0.01% of women
#1782eb Deuteranomaly 6% of men, 0.4% of women
#1789c0 Tritanomaly 0.01% of the population

#4077ff hex color

#4077ff Color Information

#4077ff Color Conversion

Color Schemes with #4077ff

Alternatives to #4077ff

#4077ff Preview

Shades and Tints of #4077ff

Tones of #4077ff

Color Blindness Simulator