#485df3 hex color

In a RGB color space, hex #485df3 is composed of 28.2% red, 36.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 61.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 232.6 degrees, a saturation of 87.7% and a lightness of 61.8%. #485df3 color hex could be obtained by blending #90baff with #0000e7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 28
- G 36
- B 95
RGB color chart
- C 70
- M 62
- Y 0
- K 5
CMYK color chart

● #485df3 color description : Bright blue.

The hexadecimal color #485df3 has RGB values of R:72, G:93, B:243 and CMYK values of C:0.7, M:0.62, Y:0, K:0.05. Its decimal value is 4742643.

Hex triplet	485df3	`#485df3`
RGB Decimal	72, 93, 243	`rgb(72,93,243)`
RGB Percent	28.2, 36.5, 95.3	`rgb(28.2%,36.5%,95.3%)`
CMYK	70, 62, 0, 5
HSL	232.6°, 87.7, 61.8	`hsl(232.6,87.7%,61.8%)`
HSV (or HSB)	232.6°, 70.4, 95.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.547, 40.898, -77.475
XYZ	22.761, 15.676, 86.615
xyY	0.182, 0.125, 15.676
CIE-LCH	46.547, 87.607, 297.829
CIE-LUV	46.547, -13.308, -118.504
Hunter-Lab	39.593, 33.328, -101.99
Binary	01001000, 01011101, 11110011

#485df3
```
#485df3 rgb(72,93,243)
```
#f3de48
```
#f3de48 rgb(243,222,72)
```

Complementary Color

#48b3f3
```
#48b3f3 rgb(72,179,243)
```
#485df3
```
#485df3 rgb(72,93,243)
```
#8948f3
```
#8948f3 rgb(137,72,243)
```

Analogous Color

#b3f348
```
#b3f348 rgb(179,243,72)
```
#485df3
```
#485df3 rgb(72,93,243)
```
#f38948
```
#f38948 rgb(243,137,72)
```

Split Complementary Color

#5df348
```
#5df348 rgb(93,243,72)
```
#485df3
```
#485df3 rgb(72,93,243)
```
#f3485d
```
#f3485d rgb(243,72,93)
```

Triadic Color

#48f3de
```
#48f3de rgb(72,243,222)
```
#485df3
```
#485df3 rgb(72,93,243)
```
#f3485d
```
#f3485d rgb(243,72,93)
```
#f3de48
```
#f3de48 rgb(243,222,72)
```

Tetradic Color

#0f28e0
```
#0f28e0 rgb(15,40,224)
```
#1833f0
```
#1833f0 rgb(24,51,240)
```
#3048f1
```
#3048f1 rgb(48,72,241)
```
#485df3
```
#485df3 rgb(72,93,243)
```
#6072f5
```
#6072f5 rgb(96,114,245)
```
#7887f6
```
#7887f6 rgb(120,135,246)
```
#909df8
```
#909df8 rgb(144,157,248)
```

Monochromatic Color

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

#4888f3
```
#4888f3 rgb(72,136,243)
```
#487af3
```
#487af3 rgb(72,122,243)
```
#486bf3
```
#486bf3 rgb(72,107,243)
```
#485df3
```
#485df3 rgb(72,93,243)
```
#484ff3
```
#484ff3 rgb(72,79,243)
```
#4f48f3
```
#4f48f3 rgb(79,72,243)
```
#5e48f3
```
#5e48f3 rgb(94,72,243)
```

Similar Colors

Text with hexadecimal color #485df3

This text has a font color of #485df3.

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

#485df3 background color

This paragraph has a background color of #485df3.

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

#485df3 border color

This element has a border color of #485df3.

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

CSS codes

.text {color:#485df3;}

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

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

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, #000001 is the darkest color, while #eef0fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010413
```
#010413 rgb(1,4,19)
```
#020726
```
#020726 rgb(2,7,38)
```
#040a38
```
#040a38 rgb(4,10,56)
```
#050d4b
```
#050d4b rgb(5,13,75)
```
#06115d
```
#06115d rgb(6,17,93)
```
#071470
```
#071470 rgb(7,20,112)
```
#091782
```
#091782 rgb(9,23,130)
```
#0a1b94
```
#0a1b94 rgb(10,27,148)
```
#0b1ea7
```
#0b1ea7 rgb(11,30,167)
```
#0c21b9
```
#0c21b9 rgb(12,33,185)
```
#0d25cc
```
#0d25cc rgb(13,37,204)
```
#0f28de
```
#0f28de rgb(15,40,222)
```

Shade Color Variation

#112cef
```
#112cef rgb(17,44,239)
```
#233cf1
```
#233cf1 rgb(35,60,241)
```
#364df2
```
#364df2 rgb(54,77,242)
```
#485df3
```
#485df3 rgb(72,93,243)
```
#5a6df4
```
#5a6df4 rgb(90,109,244)
```
#6d7ef5
```
#6d7ef5 rgb(109,126,245)
```
#7f8ef7
```
#7f8ef7 rgb(127,142,247)
```
#929ef8
```
#929ef8 rgb(146,158,248)
```
#a4aef9
```
#a4aef9 rgb(164,174,249)
```
#b6bffa
```
#b6bffa rgb(182,191,250)
```
#c9cffb
```
#c9cffb rgb(201,207,251)
```
#dbdffd
```
#dbdffd rgb(219,223,253)
```
#eef0fe
```
#eef0fe rgb(238,240,254)
```

Tint Color Variation

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

#9b9ba1
```
#9b9ba1 rgb(155,155,161)
```
#9396a8
```
#9396a8 rgb(147,150,168)
```
#8c90b0
```
#8c90b0 rgb(140,144,176)
```
#848ab7
```
#848ab7 rgb(132,138,183)
```
#7d85bf
```
#7d85bf rgb(125,133,191)
```
#757fc6
```
#757fc6 rgb(117,127,198)
```
#6e79ce
```
#6e79ce rgb(110,121,206)
```
#6674d5
```
#6674d5 rgb(102,116,213)
```
#5f6edd
```
#5f6edd rgb(95,110,221)
```
#5768e4
```
#5768e4 rgb(87,104,228)
```
#5063ec
```
#5063ec rgb(80,99,236)
```
#485df3
```
#485df3 rgb(72,93,243)
```
#4157fb
```
#4157fb rgb(65,87,251)
```

Tone Color Variation

Below, you can see how #485df3 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
#626684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1a6ae6 Protanomaly 1% of men, 0.01% of women
#1a6ed4 Deuteranomaly 6% of men, 0.4% of women
#1a74af Tritanomaly 0.01% of the population

#485df3 hex color

#485df3 Color Information

#485df3 Color Conversion

Color Schemes with #485df3

Alternatives to #485df3

#485df3 Preview

Shades and Tints of #485df3

Tones of #485df3

Color Blindness Simulator