#485cfd hex color

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

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

● #485cfd color description : Bright blue.

The hexadecimal color #485cfd has RGB values of R:72, G:92, B:253 and CMYK values of C:0.72, M:0.64, Y:0, K:0.01. Its decimal value is 4742397.

Hex triplet	485cfd	`#485cfd`
RGB Decimal	72, 92, 253	`rgb(72,92,253)`
RGB Percent	28.2, 36.1, 99.2	`rgb(28.2%,36.1%,99.2%)`
CMYK	72, 64, 0, 1
HSL	233.4°, 97.8, 63.7	`hsl(233.4,97.8%,63.7%)`
HSV (or HSB)	233.4°, 71.5, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.135, 44.885, -82.096
XYZ	24.226, 16.122, 94.758
xyY	0.179, 0.119, 16.122
CIE-LCH	47.135, 93.565, 298.667
CIE-LUV	47.135, -13.334, -125.416
Hunter-Lab	40.153, 37.429, -111.815
Binary	01001000, 01011100, 11111101

#485cfd
```
#485cfd rgb(72,92,253)
```
#fde948
```
#fde948 rgb(253,233,72)
```

Complementary Color

#48b7fd
```
#48b7fd rgb(72,183,253)
```
#485cfd
```
#485cfd rgb(72,92,253)
```
#8f48fd
```
#8f48fd rgb(143,72,253)
```

Analogous Color

#b7fd48
```
#b7fd48 rgb(183,253,72)
```
#485cfd
```
#485cfd rgb(72,92,253)
```
#fd8f48
```
#fd8f48 rgb(253,143,72)
```

Split Complementary Color

#5cfd48
```
#5cfd48 rgb(92,253,72)
```
#485cfd
```
#485cfd rgb(72,92,253)
```
#fd485c
```
#fd485c rgb(253,72,92)
```

Triadic Color

#48fde9
```
#48fde9 rgb(72,253,233)
```
#485cfd
```
#485cfd rgb(72,92,253)
```
#fd485c
```
#fd485c rgb(253,72,92)
```
#fde948
```
#fde948 rgb(253,233,72)
```

Tetradic Color

#031ef6
```
#031ef6 rgb(3,30,246)
```
#162ffc
```
#162ffc rgb(22,47,252)
```
#2f46fd
```
#2f46fd rgb(47,70,253)
```
#485cfd
```
#485cfd rgb(72,92,253)
```
#6172fd
```
#6172fd rgb(97,114,253)
```
#7a89fe
```
#7a89fe rgb(122,137,254)
```
#949ffe
```
#949ffe rgb(148,159,254)
```

Monochromatic Color

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

#4889fd
```
#4889fd rgb(72,137,253)
```
#487afd
```
#487afd rgb(72,122,253)
```
#486bfd
```
#486bfd rgb(72,107,253)
```
#485cfd
```
#485cfd rgb(72,92,253)
```
#484dfd
```
#484dfd rgb(72,77,253)
```
#5248fd
```
#5248fd rgb(82,72,253)
```
#6148fd
```
#6148fd rgb(97,72,253)
```

Similar Colors

Text with hexadecimal color #485cfd

This text has a font color of #485cfd.

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

#485cfd background color

This paragraph has a background color of #485cfd.

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

#485cfd border color

This element has a border color of #485cfd.

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

CSS codes

.text {color:#485cfd;}

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

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

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)
```
#010632
```
#010632 rgb(1,6,50)
```
#010845
```
#010845 rgb(1,8,69)
```
#010b59
```
#010b59 rgb(1,11,89)
```
#010d6c
```
#010d6c rgb(1,13,108)
```
#010f7f
```
#010f7f rgb(1,15,127)
```
#021293
```
#021293 rgb(2,18,147)
```
#0214a6
```
#0214a6 rgb(2,20,166)
```
#0216ba
```
#0216ba rgb(2,22,186)
```
#0219cd
```
#0219cd rgb(2,25,205)
```
#021be0
```
#021be0 rgb(2,27,224)
```
#031df4
```
#031df4 rgb(3,29,244)
```

Shade Color Variation

#0e28fc
```
#0e28fc rgb(14,40,252)
```
#2139fd
```
#2139fd rgb(33,57,253)
```
#354bfd
```
#354bfd rgb(53,75,253)
```
#485cfd
```
#485cfd rgb(72,92,253)
```
#5b6dfd
```
#5b6dfd rgb(91,109,253)
```
#6f7ffd
```
#6f7ffd rgb(111,127,253)
```
#8290fe
```
#8290fe rgb(130,144,254)
```
#96a1fe
```
#96a1fe rgb(150,161,254)
```
#a9b2fe
```
#a9b2fe rgb(169,178,254)
```
#bcc4fe
```
#bcc4fe rgb(188,196,254)
```
#d0d5fe
```
#d0d5fe rgb(208,213,254)
```
#e3e6ff
```
#e3e6ff rgb(227,230,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 #485cfd is the most saturated one.

#9d9fa8
```
#9d9fa8 rgb(157,159,168)
```
#9699af
```
#9699af rgb(150,153,175)
```
#8f93b6
```
#8f93b6 rgb(143,147,182)
```
#888ebd
```
#888ebd rgb(136,142,189)
```
#8188c4
```
#8188c4 rgb(129,136,196)
```
#7a83cb
```
#7a83cb rgb(122,131,203)
```
#737dd2
```
#737dd2 rgb(115,125,210)
```
#6c78d9
```
#6c78d9 rgb(108,120,217)
```
#6472e1
```
#6472e1 rgb(100,114,225)
```
#5d6de8
```
#5d6de8 rgb(93,109,232)
```
#5667ef
```
#5667ef rgb(86,103,239)
```
#4f62f6
```
#4f62f6 rgb(79,98,246)
```
#485cfd
```
#485cfd rgb(72,92,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#626686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1a6beb Protanomaly 1% of men, 0.01% of women
#1a6fd9 Deuteranomaly 6% of men, 0.4% of women
#1a74b4 Tritanomaly 0.01% of the population

#485cfd hex color

#485cfd Color Information

#485cfd Color Conversion

Color Schemes with #485cfd

Alternatives to #485cfd

#485cfd Preview

Shades and Tints of #485cfd

Tones of #485cfd

Color Blindness Simulator