#204bff hex color

In a RGB color space, hex #204bff is composed of 12.5% red, 29.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 87.5% cyan, 70.6% magenta, 0% yellow and 0% black. It has a hue angle of 228.4 degrees, a saturation of 100% and a lightness of 56.3%. #204bff color hex could be obtained by blending #4096ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 29
- B 100
RGB color chart
- C 87
- M 71
- Y 0
- K 0
CMYK color chart

● #204bff color description : Vivid blue.

The hexadecimal color #204bff has RGB values of R:32, G:75, B:255 and CMYK values of C:0.87, M:0.71, Y:0, K:0. Its decimal value is 2116607.

Hex triplet	204bff	`#204bff`
RGB Decimal	32, 75, 255	`rgb(32,75,255)`
RGB Percent	12.5, 29.4, 100	`rgb(12.5%,29.4%,100%)`
CMYK	87, 71, 0, 0
HSL	228.4°, 100, 56.3	`hsl(228.4,100%,56.3%)`
HSV (or HSB)	228.4°, 87.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.089, 52.644, -91.566
XYZ	21.158, 12.558, 95.911
xyY	0.163, 0.097, 12.558
CIE-LCH	42.089, 105.621, 299.896
CIE-LUV	42.089, -15.124, -131.893
Hunter-Lab	35.437, 44.562, -135.665
Binary	00100000, 01001011, 11111111

#204bff
```
#204bff rgb(32,75,255)
```
#ffd420
```
#ffd420 rgb(255,212,32)
```

Complementary Color

#20bbff
```
#20bbff rgb(32,187,255)
```
#204bff
```
#204bff rgb(32,75,255)
```
#6520ff
```
#6520ff rgb(101,32,255)
```

Analogous Color

#bbff20
```
#bbff20 rgb(187,255,32)
```
#204bff
```
#204bff rgb(32,75,255)
```
#ff6520
```
#ff6520 rgb(255,101,32)
```

Split Complementary Color

#4bff20
```
#4bff20 rgb(75,255,32)
```
#204bff
```
#204bff rgb(32,75,255)
```
#ff204b
```
#ff204b rgb(255,32,75)
```

Triadic Color

#20ffd4
```
#20ffd4 rgb(32,255,212)
```
#204bff
```
#204bff rgb(32,75,255)
```
#ff204b
```
#ff204b rgb(255,32,75)
```
#ffd420
```
#ffd420 rgb(255,212,32)
```

Tetradic Color

#0029d3
```
#0029d3 rgb(0,41,211)
```
#002eec
```
#002eec rgb(0,46,236)
```
#0636ff
```
#0636ff rgb(6,54,255)
```
#204bff
```
#204bff rgb(32,75,255)
```
#3a60ff
```
#3a60ff rgb(58,96,255)
```
#5374ff
```
#5374ff rgb(83,116,255)
```
#6d89ff
```
#6d89ff rgb(109,137,255)
```

Monochromatic Color

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

#2083ff
```
#2083ff rgb(32,131,255)
```
#2070ff
```
#2070ff rgb(32,112,255)
```
#205eff
```
#205eff rgb(32,94,255)
```
#204bff
```
#204bff rgb(32,75,255)
```
#2038ff
```
#2038ff rgb(32,56,255)
```
#2026ff
```
#2026ff rgb(32,38,255)
```
#2d20ff
```
#2d20ff rgb(45,32,255)
```

Similar Colors

Text with hexadecimal color #204bff

This text has a font color of #204bff.

<span style="color:#204bff;">Text here</span>

#204bff background color

This paragraph has a background color of #204bff.

<p style="background-color:#204bff;">Content here</p>

#204bff border color

This element has a border color of #204bff.

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

CSS codes

.text {color:#204bff;}

.background {background-color:#204bff;}

.border {border:1px solid #204bff;}

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, #00020c is the darkest color, while #f8f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#000620
```
#000620 rgb(0,6,32)
```
#000a34
```
#000a34 rgb(0,10,52)
```
#000e47
```
#000e47 rgb(0,14,71)
```
#00125b
```
#00125b rgb(0,18,91)
```
#00156e
```
#00156e rgb(0,21,110)
```
#001982
```
#001982 rgb(0,25,130)
```
#001d96
```
#001d96 rgb(0,29,150)
```
#0021a9
```
#0021a9 rgb(0,33,169)
```
#0024bd
```
#0024bd rgb(0,36,189)
```
#0028d1
```
#0028d1 rgb(0,40,209)
```
#002ce4
```
#002ce4 rgb(0,44,228)
```
#0030f8
```
#0030f8 rgb(0,48,248)
```

Shade Color Variation

#0c3bff
```
#0c3bff rgb(12,59,255)
```
#204bff
```
#204bff rgb(32,75,255)
```
#345bff
```
#345bff rgb(52,91,255)
```
#476bff
```
#476bff rgb(71,107,255)
```
#5b7aff
```
#5b7aff rgb(91,122,255)
```
#6e8aff
```
#6e8aff rgb(110,138,255)
```
#829aff
```
#829aff rgb(130,154,255)
```
#96aaff
```
#96aaff rgb(150,170,255)
```
#a9baff
```
#a9baff rgb(169,186,255)
```
#bdcaff
```
#bdcaff rgb(189,202,255)
```
#d1d9ff
```
#d1d9ff rgb(209,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878a98 is the less saturated color, while #204bff is the most saturated one.

#878a98
```
#878a98 rgb(135,138,152)
```
#7e85a1
```
#7e85a1 rgb(126,133,161)
```
#7680a9
```
#7680a9 rgb(118,128,169)
```
#6d7ab2
```
#6d7ab2 rgb(109,122,178)
```
#6575ba
```
#6575ba rgb(101,117,186)
```
#5c70c3
```
#5c70c3 rgb(92,112,195)
```
#536bcc
```
#536bcc rgb(83,107,204)
```
#4b65d4
```
#4b65d4 rgb(75,101,212)
```
#4260dd
```
#4260dd rgb(66,96,221)
```
#3a5be5
```
#3a5be5 rgb(58,91,229)
```
#3156ee
```
#3156ee rgb(49,86,238)
```
#2950f6
```
#2950f6 rgb(41,80,246)
```
#204bff
```
#204bff rgb(32,75,255)
```

Tone Color Variation

Below, you can see how #204bff 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

#535353 Achromatopsia 0.005% of the population
#495175 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00767b Tritanopia 0.001% of the population

Trichromacy

#0b5ddd Protanomaly 1% of men, 0.01% of women
#0b61cc Deuteranomaly 6% of men, 0.4% of women
#0b66ab Tritanomaly 0.01% of the population

#204bff hex color

#204bff Color Information

#204bff Color Conversion

Color Schemes with #204bff

Alternatives to #204bff

#204bff Preview

Shades and Tints of #204bff

Tones of #204bff

Color Blindness Simulator