#485efd hex color

In a RGB color space, hex #485efd is composed of 28.2% red, 36.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 62.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 232.7 degrees, a saturation of 97.8% and a lightness of 63.7%. #485efd color hex could be obtained by blending #90bcff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 28
- G 37
- B 99
RGB color chart
- C 72
- M 63
- Y 0
- K 1
CMYK color chart

● #485efd color description : Bright blue.

The hexadecimal color #485efd has RGB values of R:72, G:94, B:253 and CMYK values of C:0.72, M:0.63, Y:0, K:0.01. Its decimal value is 4742909.

Hex triplet	485efd	`#485efd`
RGB Decimal	72, 94, 253	`rgb(72,94,253)`
RGB Percent	28.2, 36.9, 99.2	`rgb(28.2%,36.9%,99.2%)`
CMYK	72, 63, 0, 1
HSL	232.7°, 97.8, 63.7	`hsl(232.7,97.8%,63.7%)`
HSV (or HSB)	232.7°, 71.5, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.59, 43.688, -81.35
XYZ	24.401, 16.473, 94.817
xyY	0.18, 0.121, 16.473
CIE-LCH	47.59, 92.339, 298.237
CIE-LUV	47.59, -13.782, -124.758
Hunter-Lab	40.588, 36.286, -110.097
Binary	01001000, 01011110, 11111101

#485efd
```
#485efd rgb(72,94,253)
```
#fde748
```
#fde748 rgb(253,231,72)
```

Complementary Color

#48b9fd
```
#48b9fd rgb(72,185,253)
```
#485efd
```
#485efd rgb(72,94,253)
```
#8d48fd
```
#8d48fd rgb(141,72,253)
```

Analogous Color

#b9fd48
```
#b9fd48 rgb(185,253,72)
```
#485efd
```
#485efd rgb(72,94,253)
```
#fd8d48
```
#fd8d48 rgb(253,141,72)
```

Split Complementary Color

#5efd48
```
#5efd48 rgb(94,253,72)
```
#485efd
```
#485efd rgb(72,94,253)
```
#fd485e
```
#fd485e rgb(253,72,94)
```

Triadic Color

#48fde7
```
#48fde7 rgb(72,253,231)
```
#485efd
```
#485efd rgb(72,94,253)
```
#fd485e
```
#fd485e rgb(253,72,94)
```
#fde748
```
#fde748 rgb(253,231,72)
```

Tetradic Color

#0320f6
```
#0320f6 rgb(3,32,246)
```
#1632fc
```
#1632fc rgb(22,50,252)
```
#2f48fd
```
#2f48fd rgb(47,72,253)
```
#485efd
```
#485efd rgb(72,94,253)
```
#6174fd
```
#6174fd rgb(97,116,253)
```
#7a8afe
```
#7a8afe rgb(122,138,254)
```
#94a1fe
```
#94a1fe rgb(148,161,254)
```

Monochromatic Color

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

#488bfd
```
#488bfd rgb(72,139,253)
```
#487cfd
```
#487cfd rgb(72,124,253)
```
#486dfd
```
#486dfd rgb(72,109,253)
```
#485efd
```
#485efd rgb(72,94,253)
```
#484ffd
```
#484ffd rgb(72,79,253)
```
#5048fd
```
#5048fd rgb(80,72,253)
```
#5f48fd
```
#5f48fd rgb(95,72,253)
```

Similar Colors

Text with hexadecimal color #485efd

This text has a font color of #485efd.

<span style="color:#485efd;">Text here</span>

#485efd background color

This paragraph has a background color of #485efd.

<p style="background-color:#485efd;">Content here</p>

#485efd border color

This element has a border color of #485efd.

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

CSS codes

.text {color:#485efd;}

.background {background-color:#485efd;}

.border {border:1px solid #485efd;}

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

#00010b
```
#00010b rgb(0,1,11)
```
#00041e
```
#00041e rgb(0,4,30)
```
#010732
```
#010732 rgb(1,7,50)
```
#010945
```
#010945 rgb(1,9,69)
```
#010c59
```
#010c59 rgb(1,12,89)
```
#010e6c
```
#010e6c rgb(1,14,108)
```
#01117f
```
#01117f rgb(1,17,127)
```
#021393
```
#021393 rgb(2,19,147)
```
#0216a6
```
#0216a6 rgb(2,22,166)
```
#0218ba
```
#0218ba rgb(2,24,186)
```
#021bcd
```
#021bcd rgb(2,27,205)
```
#021de0
```
#021de0 rgb(2,29,224)
```
#0320f4
```
#0320f4 rgb(3,32,244)
```

Shade Color Variation

#0e2bfc
```
#0e2bfc rgb(14,43,252)
```
#213cfd
```
#213cfd rgb(33,60,253)
```
#354dfd
```
#354dfd rgb(53,77,253)
```
#485efd
```
#485efd rgb(72,94,253)
```
#5b6ffd
```
#5b6ffd rgb(91,111,253)
```
#6f80fd
```
#6f80fd rgb(111,128,253)
```
#8291fe
```
#8291fe rgb(130,145,254)
```
#96a2fe
```
#96a2fe rgb(150,162,254)
```
#a9b3fe
```
#a9b3fe rgb(169,179,254)
```
#bcc4fe
```
#bcc4fe rgb(188,196,254)
```
#d0d5fe
```
#d0d5fe rgb(208,213,254)
```
#e3e7ff
```
#e3e7ff rgb(227,231,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9fa8 is the less saturated color, while #485efd is the most saturated one.

#9d9fa8
```
#9d9fa8 rgb(157,159,168)
```
#9699af
```
#9699af rgb(150,153,175)
```
#8f94b6
```
#8f94b6 rgb(143,148,182)
```
#888ebd
```
#888ebd rgb(136,142,189)
```
#8189c4
```
#8189c4 rgb(129,137,196)
```
#7a84cb
```
#7a84cb rgb(122,132,203)
```
#737ed2
```
#737ed2 rgb(115,126,210)
```
#6c79d9
```
#6c79d9 rgb(108,121,217)
```
#6474e1
```
#6474e1 rgb(100,116,225)
```
#5d6ee8
```
#5d6ee8 rgb(93,110,232)
```
#5669ef
```
#5669ef rgb(86,105,239)
```
#4f63f6
```
#4f63f6 rgb(79,99,246)
```
#485efd
```
#485efd rgb(72,94,253)
```

Tone Color Variation

Below, you can see how #485efd 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

#6a6a6a Achromatopsia 0.005% of the population
#636887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc6 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#1a6ced Protanomaly 1% of men, 0.01% of women
#1a70da Deuteranomaly 6% of men, 0.4% of women
#1a76b5 Tritanomaly 0.01% of the population

#485efd hex color

#485efd Color Information

#485efd Color Conversion

Color Schemes with #485efd

Alternatives to #485efd

#485efd Preview

Shades and Tints of #485efd

Tones of #485efd

Color Blindness Simulator