#045adf hex color

In a RGB color space, hex #045adf is composed of 1.6% red, 35.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 59.6% magenta, 0% yellow and 12.5% black. It has a hue angle of 216.4 degrees, a saturation of 96.5% and a lightness of 44.5%. #045adf color hex could be obtained by blending #08b4ff with #0000bf. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 35
- B 87
RGB color chart
- C 98
- M 60
- Y 0
- K 13
CMYK color chart

● #045adf color description : Vivid blue.

The hexadecimal color #045adf has RGB values of R:4, G:90, B:223 and CMYK values of C:0.98, M:0.6, Y:0, K:0.13. Its decimal value is 285407.

Hex triplet	045adf	`#045adf`
RGB Decimal	4, 90, 223	`rgb(4,90,223)`
RGB Percent	1.6, 35.3, 87.5	`rgb(1.6%,35.3%,87.5%)`
CMYK	98, 60, 0, 13
HSL	216.4°, 96.5, 44.5	`hsl(216.4,96.5%,44.5%)`
HSV (or HSB)	216.4°, 98.2, 87.5
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.253, 30.747, -73.284
XYZ	17.023, 12.664, 71.355
xyY	0.168, 0.125, 12.664
CIE-LCH	42.253, 79.473, 292.761
CIE-LUV	42.253, -19.843, -108.56
Hunter-Lab	35.587, 23.106, -93.971
Binary	00000100, 01011010, 11011111

#045adf
```
#045adf rgb(4,90,223)
```
#df8904
```
#df8904 rgb(223,137,4)
```

Complementary Color

#04c8df
```
#04c8df rgb(4,200,223)
```
#045adf
```
#045adf rgb(4,90,223)
```
#1b04df
```
#1b04df rgb(27,4,223)
```

Analogous Color

#c8df04
```
#c8df04 rgb(200,223,4)
```
#045adf
```
#045adf rgb(4,90,223)
```
#df1b04
```
#df1b04 rgb(223,27,4)
```

Split Complementary Color

#5adf04
```
#5adf04 rgb(90,223,4)
```
#045adf
```
#045adf rgb(4,90,223)
```
#df045a
```
#df045a rgb(223,4,90)
```

Triadic Color

#04df89
```
#04df89 rgb(4,223,137)
```
#045adf
```
#045adf rgb(4,90,223)
```
#df045a
```
#df045a rgb(223,4,90)
```
#df8904
```
#df8904 rgb(223,137,4)
```

Tetradic Color

#033c94
```
#033c94 rgb(3,60,148)
```
#0346ad
```
#0346ad rgb(3,70,173)
```
#0450c6
```
#0450c6 rgb(4,80,198)
```
#045adf
```
#045adf rgb(4,90,223)
```
#0464f8
```
#0464f8 rgb(4,100,248)
```
#1b73fb
```
#1b73fb rgb(27,115,251)
```
#3482fb
```
#3482fb rgb(52,130,251)
```

Monochromatic Color

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

#0491df
```
#0491df rgb(4,145,223)
```
#047fdf
```
#047fdf rgb(4,127,223)
```
#046cdf
```
#046cdf rgb(4,108,223)
```
#045adf
```
#045adf rgb(4,90,223)
```
#0448df
```
#0448df rgb(4,72,223)
```
#0436df
```
#0436df rgb(4,54,223)
```
#0423df
```
#0423df rgb(4,35,223)
```

Similar Colors

Text with hexadecimal color #045adf

This text has a font color of #045adf.

<span style="color:#045adf;">Text here</span>

#045adf background color

This paragraph has a background color of #045adf.

<p style="background-color:#045adf;">Content here</p>

#045adf border color

This element has a border color of #045adf.

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

CSS codes

.text {color:#045adf;}

.background {background-color:#045adf;}

.border {border:1px solid #045adf;}

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, #00040b is the darkest color, while #f7faff is the lightest one.

#00040b
```
#00040b rgb(0,4,11)
```
#010c1e
```
#010c1e rgb(1,12,30)
```
#011432
```
#011432 rgb(1,20,50)
```
#011c45
```
#011c45 rgb(1,28,69)
```
#022458
```
#022458 rgb(2,36,88)
```
#022b6b
```
#022b6b rgb(2,43,107)
```
#02337f
```
#02337f rgb(2,51,127)
```
#033b92
```
#033b92 rgb(3,59,146)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```
#034ab8
```
#034ab8 rgb(3,74,184)
```
#0452cc
```
#0452cc rgb(4,82,204)
```
#045adf
```
#045adf rgb(4,90,223)
```
#0462f2
```
#0462f2 rgb(4,98,242)
```

Shade Color Variation

#106cfb
```
#106cfb rgb(16,108,251)
```
#2378fb
```
#2378fb rgb(35,120,251)
```
#3684fb
```
#3684fb rgb(54,132,251)
```
#498ffc
```
#498ffc rgb(73,143,252)
```
#5d9bfc
```
#5d9bfc rgb(93,155,252)
```
#70a7fc
```
#70a7fc rgb(112,167,252)
```
#83b3fd
```
#83b3fd rgb(131,179,253)
```
#96bffd
```
#96bffd rgb(150,191,253)
```
#aacbfd
```
#aacbfd rgb(170,203,253)
```
#bdd6fe
```
#bdd6fe rgb(189,214,254)
```
#d0e2fe
```
#d0e2fe rgb(208,226,254)
```
#e3eeff
```
#e3eeff rgb(227,238,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#6d7076
```
#6d7076 rgb(109,112,118)
```
#646f7f
```
#646f7f rgb(100,111,127)
```
#5b6d88
```
#5b6d88 rgb(91,109,136)
```
#536b90
```
#536b90 rgb(83,107,144)
```
#4a6999
```
#4a6999 rgb(74,105,153)
```
#4167a2
```
#4167a2 rgb(65,103,162)
```
#3865ab
```
#3865ab rgb(56,101,171)
```
#3063b3
```
#3063b3 rgb(48,99,179)
```
#2761bc
```
#2761bc rgb(39,97,188)
```
#1e60c5
```
#1e60c5 rgb(30,96,197)
```
#155ece
```
#155ece rgb(21,94,206)
```
#0d5cd6
```
#0d5cd6 rgb(13,92,214)
```
#045adf
```
#045adf rgb(4,90,223)
```

Tone Color Variation

Below, you can see how #045adf 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

#4f4f4f Achromatopsia 0.005% of the population
#40516c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0163d3 Protanomaly 1% of men, 0.01% of women
#0167c2 Deuteranomaly 6% of men, 0.4% of women
#016ca0 Tritanomaly 0.01% of the population

#045adf hex color

#045adf Color Information

#045adf Color Conversion

Color Schemes with #045adf

Alternatives to #045adf

#045adf Preview

Shades and Tints of #045adf

Tones of #045adf

Color Blindness Simulator