#485cc3 hex color

In a RGB color space, hex #485cc3 is composed of 28.2% red, 36.1% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 52.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 230.2 degrees, a saturation of 50.6% and a lightness of 52.4%. #485cc3 color hex could be obtained by blending #90b8ff with #000087. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 36
- B 76
RGB color chart
- C 63
- M 53
- Y 0
- K 24
CMYK color chart

● #485cc3 color description : Moderate blue.

The hexadecimal color #485cc3 has RGB values of R:72, G:92, B:195 and CMYK values of C:0.63, M:0.53, Y:0, K:0.24. Its decimal value is 4742339.

Hex triplet	485cc3	`#485cc3`
RGB Decimal	72, 92, 195	`rgb(72,92,195)`
RGB Percent	28.2, 36.1, 76.5	`rgb(28.2%,36.1%,76.5%)`
CMYK	63, 53, 0, 24
HSL	230.2°, 50.6, 52.4	`hsl(230.2,50.6%,52.4%)`
HSV (or HSB)	230.2°, 63.1, 76.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.72, 24.961, -56.351
XYZ	16.348, 12.971, 53.269
xyY	0.198, 0.157, 12.971
CIE-LCH	42.72, 61.632, 293.891
CIE-LUV	42.72, -11.913, -85.212
Hunter-Lab	36.016, 17.996, -62.482
Binary	01001000, 01011100, 11000011

#485cc3
```
#485cc3 rgb(72,92,195)
```
#c3af48
```
#c3af48 rgb(195,175,72)
```

Complementary Color

#489ac3
```
#489ac3 rgb(72,154,195)
```
#485cc3
```
#485cc3 rgb(72,92,195)
```
#7248c3
```
#7248c3 rgb(114,72,195)
```

Analogous Color

#9ac348
```
#9ac348 rgb(154,195,72)
```
#485cc3
```
#485cc3 rgb(72,92,195)
```
#c37248
```
#c37248 rgb(195,114,72)
```

Split Complementary Color

#5cc348
```
#5cc348 rgb(92,195,72)
```
#485cc3
```
#485cc3 rgb(72,92,195)
```
#c3485c
```
#c3485c rgb(195,72,92)
```

Triadic Color

#48c3af
```
#48c3af rgb(72,195,175)
```
#485cc3
```
#485cc3 rgb(72,92,195)
```
#c3485c
```
#c3485c rgb(195,72,92)
```
#c3af48
```
#c3af48 rgb(195,175,72)
```

Tetradic Color

#2f3f8f
```
#2f3f8f rgb(47,63,143)
```
#3547a3
```
#3547a3 rgb(53,71,163)
```
#3c50b6
```
#3c50b6 rgb(60,80,182)
```
#485cc3
```
#485cc3 rgb(72,92,195)
```
#5b6dc9
```
#5b6dc9 rgb(91,109,201)
```
#6e7ed0
```
#6e7ed0 rgb(110,126,208)
```
#828fd6
```
#828fd6 rgb(130,143,214)
```

Monochromatic Color

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

#487bc3
```
#487bc3 rgb(72,123,195)
```
#4871c3
```
#4871c3 rgb(72,113,195)
```
#4866c3
```
#4866c3 rgb(72,102,195)
```
#485cc3
```
#485cc3 rgb(72,92,195)
```
#4852c3
```
#4852c3 rgb(72,82,195)
```
#4948c3
```
#4948c3 rgb(73,72,195)
```
#5348c3
```
#5348c3 rgb(83,72,195)
```

Similar Colors

Text with hexadecimal color #485cc3

This text has a font color of #485cc3.

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

#485cc3 background color

This paragraph has a background color of #485cc3.

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

#485cc3 border color

This element has a border color of #485cc3.

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

CSS codes

.text {color:#485cc3;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080a18
```
#080a18 rgb(8,10,24)
```
#0d1127
```
#0d1127 rgb(13,17,39)
```
#111735
```
#111735 rgb(17,23,53)
```
#161e44
```
#161e44 rgb(22,30,68)
```
#1b2453
```
#1b2453 rgb(27,36,83)
```
#202b62
```
#202b62 rgb(32,43,98)
```
#253170
```
#253170 rgb(37,49,112)
```
#2a387f
```
#2a387f rgb(42,56,127)
```
#2f3e8e
```
#2f3e8e rgb(47,62,142)
```
#33459d
```
#33459d rgb(51,69,157)
```
#384bac
```
#384bac rgb(56,75,172)
```
#3d51ba
```
#3d51ba rgb(61,81,186)
```

Shade Color Variation

#485cc3
```
#485cc3 rgb(72,92,195)
```
#5769c8
```
#5769c8 rgb(87,105,200)
```
#6676cd
```
#6676cd rgb(102,118,205)
```
#7483d2
```
#7483d2 rgb(116,131,210)
```
#8391d6
```
#8391d6 rgb(131,145,214)
```
#929edb
```
#929edb rgb(146,158,219)
```
#a1abe0
```
#a1abe0 rgb(161,171,224)
```
#afb8e5
```
#afb8e5 rgb(175,184,229)
```
#bec5ea
```
#bec5ea rgb(190,197,234)
```
#cdd2ef
```
#cdd2ef rgb(205,210,239)
```
#dce0f3
```
#dce0f3 rgb(220,224,243)
```
#eaedf8
```
#eaedf8 rgb(234,237,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#80828b
```
#80828b rgb(128,130,139)
```
#777c94
```
#777c94 rgb(119,124,148)
```
#6d759e
```
#6d759e rgb(109,117,158)
```
#646fa7
```
#646fa7 rgb(100,111,167)
```
#5b69b0
```
#5b69b0 rgb(91,105,176)
```
#5162ba
```
#5162ba rgb(81,98,186)
```
#485cc3
```
#485cc3 rgb(72,92,195)
```
#3f56cc
```
#3f56cc rgb(63,86,204)
```
#354fd6
```
#354fd6 rgb(53,79,214)
```
#2c49df
```
#2c49df rgb(44,73,223)
```
#2343e8
```
#2343e8 rgb(35,67,232)
```
#193cf2
```
#193cf2 rgb(25,60,242)
```
#1036fb
```
#1036fb rgb(16,54,251)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5d6175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2269ca Protanopia 1% of men
#006eb7 Deuteranopia 1% of men
#14777f Tritanopia 0.001% of the population

Trichromacy

#3064c8 Protanomaly 1% of men, 0.01% of women
#1a68bb Deuteranomaly 6% of men, 0.4% of women
#276d98 Tritanomaly 0.01% of the population

#485cc3 hex color

#485cc3 Color Information

#485cc3 Color Conversion

Color Schemes with #485cc3

Alternatives to #485cc3

#485cc3 Preview

Shades and Tints of #485cc3

Tones of #485cc3

Color Blindness Simulator