colorhexa.com

#324bdf hex color

In a RGB color space, hex #324bdf is composed of 19.6% red, 29.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 66.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 231.3 degrees, a saturation of 73% and a lightness of 53.5%. #324bdf color hex could be obtained by blending #6496ff with #0000bf. Closest websafe color is: #3333cc.

- R 20
- G 29
- B 87
RGB color chart
- C 78
- M 66
- Y 0
- K 13
CMYK color chart

● #324bdf color description : Bright blue.

The hexadecimal color #324bdf has RGB values of R:50, G:75, B:223 and CMYK values of C:0.78, M:0.66, Y:0, K:0.13. Its decimal value is 3296223.

Hex triplet	324bdf	`#324bdf`
RGB Decimal	50, 75, 223	`rgb(50,75,223)`
RGB Percent	19.6, 29.4, 87.5	`rgb(19.6%,29.4%,87.5%)`
CMYK	78, 66, 0, 13
HSL	231.3°, 73, 53.5	`hsl(231.3,73%,53.5%)`
HSV (or HSB)	231.3°, 77.6, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.642, 42.69, -77.525
XYZ	17.148, 11.037, 71.035
xyY	0.173, 0.111, 11.037
CIE-LCH	39.642, 88.502, 298.84
CIE-LUV	39.642, -12.648, -112.025
Hunter-Lab	33.222, 33.998, -103.519
Binary	00110010, 01001011, 11011111

#324bdf
```
#324bdf rgb(50,75,223)
```
#dfc632
```
#dfc632 rgb(223,198,50)
```

Complementary Color

#32a2df
```
#32a2df rgb(50,162,223)
```
#324bdf
```
#324bdf rgb(50,75,223)
```
#7032df
```
#7032df rgb(112,50,223)
```

Analogous Color

#a2df32
```
#a2df32 rgb(162,223,50)
```
#324bdf
```
#324bdf rgb(50,75,223)
```
#df7032
```
#df7032 rgb(223,112,50)
```

Split Complementary Color

#4bdf32
```
#4bdf32 rgb(75,223,50)
```
#324bdf
```
#324bdf rgb(50,75,223)
```
#df324b
```
#df324b rgb(223,50,75)
```

Triadic Color

#32dfc6
```
#32dfc6 rgb(50,223,198)
```
#324bdf
```
#324bdf rgb(50,75,223)
```
#df324b
```
#df324b rgb(223,50,75)
```
#dfc632
```
#dfc632 rgb(223,198,50)
```

Tetradic Color

#1b2faa
```
#1b2faa rgb(27,47,170)
```
#1e35c0
```
#1e35c0 rgb(30,53,192)
```
#213cd6
```
#213cd6 rgb(33,60,214)
```
#324bdf
```
#324bdf rgb(50,75,223)
```
#485ee2
```
#485ee2 rgb(72,94,226)
```
#5e72e6
```
#5e72e6 rgb(94,114,230)
```
#7485e9
```
#7485e9 rgb(116,133,233)
```

Monochromatic Color

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

#3276df
```
#3276df rgb(50,118,223)
```
#3268df
```
#3268df rgb(50,104,223)
```
#3259df
```
#3259df rgb(50,89,223)
```
#324bdf
```
#324bdf rgb(50,75,223)
```
#323ddf
```
#323ddf rgb(50,61,223)
```
#3632df
```
#3632df rgb(54,50,223)
```
#4432df
```
#4432df rgb(68,50,223)
```

Similar Colors

Text with hexadecimal color #324bdf

This text has a font color of #324bdf.

<span style="color:#324bdf;">Text here</span>

#324bdf background color

This paragraph has a background color of #324bdf.

<p style="background-color:#324bdf;">Content here</p>

#324bdf border color

This element has a border color of #324bdf.

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

CSS codes

.text {color:#324bdf;}

.background {background-color:#324bdf;}

.border {border:1px solid #324bdf;}

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

#020410
```
#020410 rgb(2,4,16)
```
#050921
```
#050921 rgb(5,9,33)
```
#080e32
```
#080e32 rgb(8,14,50)
```
#0a1242
```
#0a1242 rgb(10,18,66)
```
#0d1753
```
#0d1753 rgb(13,23,83)
```
#101c64
```
#101c64 rgb(16,28,100)
```
#122175
```
#122175 rgb(18,33,117)
```
#152586
```
#152586 rgb(21,37,134)
```
#182a97
```
#182a97 rgb(24,42,151)
```
#1a2fa8
```
#1a2fa8 rgb(26,47,168)
```
#1d34b9
```
#1d34b9 rgb(29,52,185)
```
#2038ca
```
#2038ca rgb(32,56,202)
```
#223ddb
```
#223ddb rgb(34,61,219)
```

Shade Color Variation

#324bdf
```
#324bdf rgb(50,75,223)
```
#435ae2
```
#435ae2 rgb(67,90,226)
```
#5469e4
```
#5469e4 rgb(84,105,228)
```
#6578e7
```
#6578e7 rgb(101,120,231)
```
#7687ea
```
#7687ea rgb(118,135,234)
```
#8795ec
```
#8795ec rgb(135,149,236)
```
#98a4ef
```
#98a4ef rgb(152,164,239)
```
#a9b3f2
```
#a9b3f2 rgb(169,179,242)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#cbd1f7
```
#cbd1f7 rgb(203,209,247)
```
#dce0f9
```
#dce0f9 rgb(220,224,249)
```
#edeffc
```
#edeffc rgb(237,239,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84858d is the less saturated color, while #1738fa is the most saturated one.

#84858d
```
#84858d rgb(132,133,141)
```
#7b7f96
```
#7b7f96 rgb(123,127,150)
```
#72789f
```
#72789f rgb(114,120,159)
```
#6972a8
```
#6972a8 rgb(105,114,168)
```
#606bb1
```
#606bb1 rgb(96,107,177)
```
#5665bb
```
#5665bb rgb(86,101,187)
```
#4d5ec4
```
#4d5ec4 rgb(77,94,196)
```
#4458cd
```
#4458cd rgb(68,88,205)
```
#3b51d6
```
#3b51d6 rgb(59,81,214)
```
#324bdf
```
#324bdf rgb(50,75,223)
```
#2945e8
```
#2945e8 rgb(41,69,232)
```
#203ef1
```
#203ef1 rgb(32,62,241)
```
#1738fa
```
#1738fa rgb(23,56,250)
```

Tone Color Variation

Below, you can see how #324bdf 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

#545454 Achromatopsia 0.005% of the population
#4d5270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#125acb Protanomaly 1% of men, 0.01% of women
#125dbb Deuteranomaly 6% of men, 0.4% of women
#12629c Tritanomaly 0.01% of the population