#334de1 hex color

In a RGB color space, hex #334de1 is composed of 20% red, 30.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 65.8% magenta, 0% yellow and 11.8% black. It has a hue angle of 231 degrees, a saturation of 74.4% and a lightness of 54.1%. #334de1 color hex could be obtained by blending #669aff with #0000c3. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 30
- B 88
RGB color chart
- C 77
- M 66
- Y 0
- K 12
CMYK color chart

● #334de1 color description : Bright blue.

The hexadecimal color #334de1 has RGB values of R:51, G:77, B:225 and CMYK values of C:0.77, M:0.66, Y:0, K:0.12. Its decimal value is 3362273.

Hex triplet	334de1	`#334de1`
RGB Decimal	51, 77, 225	`rgb(51,77,225)`
RGB Percent	20, 30.2, 88.2	`rgb(20%,30.2%,88.2%)`
CMYK	77, 66, 0, 12
HSL	231°, 74.4, 54.1	`hsl(231,74.4%,54.1%)`
HSV (or HSB)	231°, 77.3, 88.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.323, 42.256, -77.546
XYZ	17.607, 11.447, 72.512
xyY	0.173, 0.113, 11.447
CIE-LCH	40.323, 88.312, 298.587
CIE-LUV	40.323, -12.964, -112.764
Hunter-Lab	33.833, 33.686, -103.389
Binary	00110011, 01001101, 11100001

#334de1
```
#334de1 rgb(51,77,225)
```
#e1c733
```
#e1c733 rgb(225,199,51)
```

Complementary Color

#33a4e1
```
#33a4e1 rgb(51,164,225)
```
#334de1
```
#334de1 rgb(51,77,225)
```
#7033e1
```
#7033e1 rgb(112,51,225)
```

Analogous Color

#a4e133
```
#a4e133 rgb(164,225,51)
```
#334de1
```
#334de1 rgb(51,77,225)
```
#e17033
```
#e17033 rgb(225,112,51)
```

Split Complementary Color

#4de133
```
#4de133 rgb(77,225,51)
```
#334de1
```
#334de1 rgb(51,77,225)
```
#e1334d
```
#e1334d rgb(225,51,77)
```

Triadic Color

#33e1c7
```
#33e1c7 rgb(51,225,199)
```
#334de1
```
#334de1 rgb(51,77,225)
```
#e1334d
```
#e1334d rgb(225,51,77)
```
#e1c733
```
#e1c733 rgb(225,199,51)
```

Tetradic Color

#1a30ae
```
#1a30ae rgb(26,48,174)
```
#1d36c4
```
#1d36c4 rgb(29,54,196)
```
#203cda
```
#203cda rgb(32,60,218)
```
#334de1
```
#334de1 rgb(51,77,225)
```
#4960e4
```
#4960e4 rgb(73,96,228)
```
#5f74e8
```
#5f74e8 rgb(95,116,232)
```
#7687eb
```
#7687eb rgb(118,135,235)
```

Monochromatic Color

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

#3379e1
```
#3379e1 rgb(51,121,225)
```
#336ae1
```
#336ae1 rgb(51,106,225)
```
#335ce1
```
#335ce1 rgb(51,92,225)
```
#334de1
```
#334de1 rgb(51,77,225)
```
#333fe1
```
#333fe1 rgb(51,63,225)
```
#3633e1
```
#3633e1 rgb(54,51,225)
```
#4433e1
```
#4433e1 rgb(68,51,225)
```

Similar Colors

Text with hexadecimal color #334de1

This text has a font color of #334de1.

<span style="color:#334de1;">Text here</span>

#334de1 background color

This paragraph has a background color of #334de1.

<p style="background-color:#334de1;">Content here</p>

#334de1 border color

This element has a border color of #334de1.

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

CSS codes

.text {color:#334de1;}

.background {background-color:#334de1;}

.border {border:1px solid #334de1;}

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 #eff1fd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#030512
```
#030512 rgb(3,5,18)
```
#050a23
```
#050a23 rgb(5,10,35)
```
#080e35
```
#080e35 rgb(8,14,53)
```
#0a1346
```
#0a1346 rgb(10,19,70)
```
#0d1857
```
#0d1857 rgb(13,24,87)
```
#0f1c68
```
#0f1c68 rgb(15,28,104)
```
#122179
```
#122179 rgb(18,33,121)
```
#14268a
```
#14268a rgb(20,38,138)
```
#172b9b
```
#172b9b rgb(23,43,155)
```
#192fac
```
#192fac rgb(25,47,172)
```
#1c34bd
```
#1c34bd rgb(28,52,189)
```
#1e39ce
```
#1e39ce rgb(30,57,206)
```

Shade Color Variation

#223ede
```
#223ede rgb(34,62,222)
```
#334de1
```
#334de1 rgb(51,77,225)
```
#445ce4
```
#445ce4 rgb(68,92,228)
```
#556be6
```
#556be6 rgb(85,107,230)
```
#667ae9
```
#667ae9 rgb(102,122,233)
```
#7789eb
```
#7789eb rgb(119,137,235)
```
#8998ee
```
#8998ee rgb(137,152,238)
```
#9aa7f0
```
#9aa7f0 rgb(154,167,240)
```
#abb5f3
```
#abb5f3 rgb(171,181,243)
```
#bcc4f5
```
#bcc4f5 rgb(188,196,245)
```
#cdd3f8
```
#cdd3f8 rgb(205,211,248)
```
#dee2fa
```
#dee2fa rgb(222,226,250)
```
#eff1fd
```
#eff1fd rgb(239,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848690 is the less saturated color, while #183afc is the most saturated one.

#848690
```
#848690 rgb(132,134,144)
```
#7b7f99
```
#7b7f99 rgb(123,127,153)
```
#7279a2
```
#7279a2 rgb(114,121,162)
```
#6973ab
```
#6973ab rgb(105,115,171)
```
#606db4
```
#606db4 rgb(96,109,180)
```
#5766bd
```
#5766bd rgb(87,102,189)
```
#4e60c6
```
#4e60c6 rgb(78,96,198)
```
#455acf
```
#455acf rgb(69,90,207)
```
#3c53d8
```
#3c53d8 rgb(60,83,216)
```
#334de1
```
#334de1 rgb(51,77,225)
```
#2a47ea
```
#2a47ea rgb(42,71,234)
```
#2140f3
```
#2140f3 rgb(33,64,243)
```
#183afc
```
#183afc rgb(24,58,252)
```

Tone Color Variation

Below, you can see how #334de1 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

#565656 Achromatopsia 0.005% of the population
#4f5472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#125bce Protanomaly 1% of men, 0.01% of women
#125fbe Deuteranomaly 6% of men, 0.4% of women
#12649d Tritanomaly 0.01% of the population

#334de1 hex color

#334de1 Color Information

#334de1 Color Conversion

Color Schemes with #334de1

Alternatives to #334de1

#334de1 Preview

Shades and Tints of #334de1

Tones of #334de1

Color Blindness Simulator