#485dfd hex color

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

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

● #485dfd color description : Bright blue.

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

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

CIE-LAB	47.361, 44.287, -81.724
XYZ	24.313, 16.297, 94.787
xyY	0.18, 0.12, 16.297
CIE-LCH	47.361, 92.952, 298.454
CIE-LUV	47.361, -13.557, -125.091
Hunter-Lab	40.369, 36.858, -110.955
Binary	01001000, 01011101, 11111101

#485dfd
```
#485dfd rgb(72,93,253)
```
#fde848
```
#fde848 rgb(253,232,72)
```

Complementary Color

#48b8fd
```
#48b8fd rgb(72,184,253)
```
#485dfd
```
#485dfd rgb(72,93,253)
```
#8e48fd
```
#8e48fd rgb(142,72,253)
```

Analogous Color

#b8fd48
```
#b8fd48 rgb(184,253,72)
```
#485dfd
```
#485dfd rgb(72,93,253)
```
#fd8e48
```
#fd8e48 rgb(253,142,72)
```

Split Complementary Color

#5dfd48
```
#5dfd48 rgb(93,253,72)
```
#485dfd
```
#485dfd rgb(72,93,253)
```
#fd485d
```
#fd485d rgb(253,72,93)
```

Triadic Color

#48fde8
```
#48fde8 rgb(72,253,232)
```
#485dfd
```
#485dfd rgb(72,93,253)
```
#fd485d
```
#fd485d rgb(253,72,93)
```
#fde848
```
#fde848 rgb(253,232,72)
```

Tetradic Color

#031ff6
```
#031ff6 rgb(3,31,246)
```
#1630fc
```
#1630fc rgb(22,48,252)
```
#2f47fd
```
#2f47fd rgb(47,71,253)
```
#485dfd
```
#485dfd rgb(72,93,253)
```
#6173fd
```
#6173fd rgb(97,115,253)
```
#7a8afe
```
#7a8afe rgb(122,138,254)
```
#94a0fe
```
#94a0fe rgb(148,160,254)
```

Monochromatic Color

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

#488afd
```
#488afd rgb(72,138,253)
```
#487bfd
```
#487bfd rgb(72,123,253)
```
#486cfd
```
#486cfd rgb(72,108,253)
```
#485dfd
```
#485dfd rgb(72,93,253)
```
#484efd
```
#484efd rgb(72,78,253)
```
#5148fd
```
#5148fd rgb(81,72,253)
```
#6048fd
```
#6048fd rgb(96,72,253)
```

Similar Colors

Text with hexadecimal color #485dfd

This text has a font color of #485dfd.

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

#485dfd background color

This paragraph has a background color of #485dfd.

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

#485dfd border color

This element has a border color of #485dfd.

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

CSS codes

.text {color:#485dfd;}

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

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

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)
```
#010945
```
#010945 rgb(1,9,69)
```
#010b59
```
#010b59 rgb(1,11,89)
```
#010e6c
```
#010e6c rgb(1,14,108)
```
#01107f
```
#01107f rgb(1,16,127)
```
#021293
```
#021293 rgb(2,18,147)
```
#0215a6
```
#0215a6 rgb(2,21,166)
```
#0217ba
```
#0217ba rgb(2,23,186)
```
#021acd
```
#021acd rgb(2,26,205)
```
#021ce0
```
#021ce0 rgb(2,28,224)
```
#031ff4
```
#031ff4 rgb(3,31,244)
```

Shade Color Variation

#0e29fc
```
#0e29fc rgb(14,41,252)
```
#213bfd
```
#213bfd rgb(33,59,253)
```
#354cfd
```
#354cfd rgb(53,76,253)
```
#485dfd
```
#485dfd rgb(72,93,253)
```
#5b6efd
```
#5b6efd rgb(91,110,253)
```
#6f7ffd
```
#6f7ffd rgb(111,127,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)
```
#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 #485dfd 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)
```
#7a83cb
```
#7a83cb rgb(122,131,203)
```
#737ed2
```
#737ed2 rgb(115,126,210)
```
#6c78d9
```
#6c78d9 rgb(108,120,217)
```
#6473e1
```
#6473e1 rgb(100,115,225)
```
#5d6de8
```
#5d6de8 rgb(93,109,232)
```
#5668ef
```
#5668ef rgb(86,104,239)
```
#4f62f6
```
#4f62f6 rgb(79,98,246)
```
#485dfd
```
#485dfd rgb(72,93,253)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#626787 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#007ac5 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

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

#485dfd hex color

#485dfd Color Information

#485dfd Color Conversion

Color Schemes with #485dfd

Alternatives to #485dfd

#485dfd Preview

Shades and Tints of #485dfd

Tones of #485dfd

Color Blindness Simulator