#0475e2 hex color

In a RGB color space, hex #0475e2 is composed of 1.6% red, 45.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 48.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 209.5 degrees, a saturation of 96.5% and a lightness of 45.1%. #0475e2 color hex could be obtained by blending #08eaff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 46
- B 89
RGB color chart
- C 98
- M 48
- Y 0
- K 11
CMYK color chart

● #0475e2 color description : Vivid blue.

The hexadecimal color #0475e2 has RGB values of R:4, G:117, B:226 and CMYK values of C:0.98, M:0.48, Y:0, K:0.11. Its decimal value is 292322.

Hex triplet	0475e2	`#0475e2`
RGB Decimal	4, 117, 226	`rgb(4,117,226)`
RGB Percent	1.6, 45.9, 88.6	`rgb(1.6%,45.9%,88.6%)`
CMYK	98, 48, 0, 11
HSL	209.5°, 96.5, 45.1	`hsl(209.5,96.5%,45.1%)`
HSV (or HSB)	209.5°, 98.2, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.783, 14.519, -62.743
XYZ	20.136, 18.238, 74.406
xyY	0.179, 0.162, 18.238
CIE-LCH	49.783, 64.401, 283.029
CIE-LUV	49.783, -27.198, -97.597
Hunter-Lab	42.705, 9.429, -73.408
Binary	00000100, 01110101, 11100010

#0475e2
```
#0475e2 rgb(4,117,226)
```
#e27104
```
#e27104 rgb(226,113,4)
```

Complementary Color

#04e2e0
```
#04e2e0 rgb(4,226,224)
```
#0475e2
```
#0475e2 rgb(4,117,226)
```
#0406e2
```
#0406e2 rgb(4,6,226)
```

Analogous Color

#e2e004
```
#e2e004 rgb(226,224,4)
```
#0475e2
```
#0475e2 rgb(4,117,226)
```
#e20406
```
#e20406 rgb(226,4,6)
```

Split Complementary Color

#75e204
```
#75e204 rgb(117,226,4)
```
#0475e2
```
#0475e2 rgb(4,117,226)
```
#e20475
```
#e20475 rgb(226,4,117)
```

Triadic Color

#04e271
```
#04e271 rgb(4,226,113)
```
#0475e2
```
#0475e2 rgb(4,117,226)
```
#e20475
```
#e20475 rgb(226,4,117)
```
#e27104
```
#e27104 rgb(226,113,4)
```

Tetradic Color

#034e97
```
#034e97 rgb(3,78,151)
```
#035bb0
```
#035bb0 rgb(3,91,176)
```
#0468c9
```
#0468c9 rgb(4,104,201)
```
#0475e2
```
#0475e2 rgb(4,117,226)
```
#0582fb
```
#0582fb rgb(5,130,251)
```
#1e8efb
```
#1e8efb rgb(30,142,251)
```
#379bfb
```
#379bfb rgb(55,155,251)
```

Monochromatic Color

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

#04ade2
```
#04ade2 rgb(4,173,226)
```
#049ae2
```
#049ae2 rgb(4,154,226)
```
#0488e2
```
#0488e2 rgb(4,136,226)
```
#0475e2
```
#0475e2 rgb(4,117,226)
```
#0463e2
```
#0463e2 rgb(4,99,226)
```
#0450e2
```
#0450e2 rgb(4,80,226)
```
#043ee2
```
#043ee2 rgb(4,62,226)
```

Similar Colors

Text with hexadecimal color #0475e2

This text has a font color of #0475e2.

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

#0475e2 background color

This paragraph has a background color of #0475e2.

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

#0475e2 border color

This element has a border color of #0475e2.

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

CSS codes

.text {color:#0475e2;}

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

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

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

#00070e
```
#00070e rgb(0,7,14)
```
#011121
```
#011121 rgb(1,17,33)
```
#011b35
```
#011b35 rgb(1,27,53)
```
#012548
```
#012548 rgb(1,37,72)
```
#022f5b
```
#022f5b rgb(2,47,91)
```
#02396e
```
#02396e rgb(2,57,110)
```
#024382
```
#024382 rgb(2,67,130)
```
#034d95
```
#034d95 rgb(3,77,149)
```
#0357a8
```
#0357a8 rgb(3,87,168)
```
#0361bb
```
#0361bb rgb(3,97,187)
```
#046bcf
```
#046bcf rgb(4,107,207)
```
#0475e2
```
#0475e2 rgb(4,117,226)
```
#047ff5
```
#047ff5 rgb(4,127,245)
```

Shade Color Variation

#1289fb
```
#1289fb rgb(18,137,251)
```
#2692fb
```
#2692fb rgb(38,146,251)
```
#399cfb
```
#399cfb rgb(57,156,251)
```
#4ca6fc
```
#4ca6fc rgb(76,166,252)
```
#60affc
```
#60affc rgb(96,175,252)
```
#73b9fd
```
#73b9fd rgb(115,185,253)
```
#86c3fd
```
#86c3fd rgb(134,195,253)
```
#99ccfd
```
#99ccfd rgb(153,204,253)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#c0dffe
```
#c0dffe rgb(192,223,254)
```
#d3e9fe
```
#d3e9fe rgb(211,233,254)
```
#e6f3ff
```
#e6f3ff rgb(230,243,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#6e7378
```
#6e7378 rgb(110,115,120)
```
#657381
```
#657381 rgb(101,115,129)
```
#5c738a
```
#5c738a rgb(92,115,138)
```
#547492
```
#547492 rgb(84,116,146)
```
#4b749b
```
#4b749b rgb(75,116,155)
```
#4274a4
```
#4274a4 rgb(66,116,164)
```
#3974ad
```
#3974ad rgb(57,116,173)
```
#3074b6
```
#3074b6 rgb(48,116,182)
```
#2774bf
```
#2774bf rgb(39,116,191)
```
#1f75c7
```
#1f75c7 rgb(31,117,199)
```
#1675d0
```
#1675d0 rgb(22,117,208)
```
#0d75d9
```
#0d75d9 rgb(13,117,217)
```
#0475e2
```
#0475e2 rgb(4,117,226)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#4e647a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b7ae1 Protanopia 1% of men
#0080d2 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#2778e1 Protanomaly 1% of men, 0.01% of women
#017cd8 Deuteranomaly 6% of men, 0.4% of women
#0182ae Tritanomaly 0.01% of the population

#0475e2 hex color

#0475e2 Color Information

#0475e2 Color Conversion

Color Schemes with #0475e2

Alternatives to #0475e2

#0475e2 Preview

Shades and Tints of #0475e2

Tones of #0475e2

Color Blindness Simulator