#334cee Color Information
In a RGB color space, hex #334cee is composed of 20% red, 29.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 68.1% magenta, 0% yellow and 6.7% black. It has a hue angle of 232 degrees, a saturation of 84.6% and a lightness of 56.7%. #334cee color hex could be obtained by blending #6698ff with #0000dd. Closest websafe color is: #3333ff.
-
- R 20
- G 30
- B 93
-
- C 79
- M 68
- Y 0
- K 7
● #334cee color description : Bright blue.
#334cee Color Conversion
The hexadecimal color #334cee has RGB values of R:51, G:76, B:238 and CMYK values of C:0.79, M:0.68, Y:0, K:0.07. Its decimal value is 3362030.
Hex triplet | 334cee | #334cee |
---|---|---|
RGB Decimal | 51, 76, 238 | rgb(51,76,238) |
RGB Percent | 20, 29.8, 93.3 | rgb(20%,29.8%,93.3%) |
CMYK | 79, 68, 0, 7 | |
HSL | 232°, 84.6, 56.7 | hsl(232,84.6%,56.7%) |
HSV (or HSB) | 232°, 78.6, 93.3 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.287, 47.361, -83.331 |
---|---|
XYZ | 19.379, 12.044, 82.188 |
xyY | 0.171, 0.106, 12.044 |
CIE-LCH | 41.287, 95.849, 299.611 |
CIE-LUV | 41.287, -13.028, -121.095 |
Hunter-Lab | 34.705, 38.94, -116.116 |
Binary | 00110011, 01001100, 11101110 |
Color Schemes with #334cee
Alternatives to #334cee
Below, you can see some colors close to #334cee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334cee Preview
This text has a font color of #334cee.
<span style="color:#334cee;">Text here</span>
This paragraph has a background color of #334cee.
<p style="background-color:#334cee;">Content here</p>
This element has a border color of #334cee.
<div style="border:1px solid #334cee;">Content here</div>
.text {color:#334cee;}
.background {background-color:#334cee;}
.border {border:1px solid #334cee;}
Shades and Tints of #334cee
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, #01030d is the darkest color, while #fafbff is the lightest one.
-
#01030d
#01030d
rgb(1,3,13)
-
#03061f
#03061f
rgb(3,6,31)
-
#040a31
#040a31
rgb(4,10,49)
-
#060e44
#060e44
rgb(6,14,68)
-
#071256
#071256
rgb(7,18,86)
-
#091568
#091568
rgb(9,21,104)
-
#0a197a
#0a197a
rgb(10,25,122)
-
#0c1d8c
#0c1d8c
rgb(12,29,140)
-
#0d219e
#0d219e
rgb(13,33,158)
-
#0f24b0
#0f24b0
rgb(15,36,176)
-
#1028c2
#1028c2
rgb(16,40,194)
-
#122cd4
#122cd4
rgb(18,44,212)
-
#132fe7
#132fe7
rgb(19,47,231)
-
#213cec
#213cec
rgb(33,60,236)
-
#334cee
#334cee
rgb(51,76,238)
-
#455cf0
#455cf0
rgb(69,92,240)
-
#576cf1
#576cf1
rgb(87,108,241)
-
#697cf3
#697cf3
rgb(105,124,243)
-
#7b8cf4
#7b8cf4
rgb(123,140,244)
-
#8e9bf6
#8e9bf6
rgb(142,155,246)
-
#a0abf7
#a0abf7
rgb(160,171,247)
-
#b2bbf9
#b2bbf9
rgb(178,187,249)
-
#c4cbfa
#c4cbfa
rgb(196,203,250)
-
#d6dbfc
#d6dbfc
rgb(214,219,252)
-
#e8ebfd
#e8ebfd
rgb(232,235,253)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #334cee
A tone is produced by adding gray to any pure hue. In this case, #888a99 is the less saturated color, while #2240ff is the most saturated one.
-
#888a99
#888a99
rgb(136,138,153)
-
#8084a2
#8084a2
rgb(128,132,162)
-
#777eaa
#777eaa
rgb(119,126,170)
-
#6f78b3
#6f78b3
rgb(111,120,179)
-
#6671bb
#6671bb
rgb(102,113,187)
-
#5e6bc4
#5e6bc4
rgb(94,107,196)
-
#5565cc
#5565cc
rgb(85,101,204)
-
#4d5fd5
#4d5fd5
rgb(77,95,213)
-
#4458dd
#4458dd
rgb(68,88,221)
-
#3c52e6
#3c52e6
rgb(60,82,230)
-
#334cee
#334cee
rgb(51,76,238)
-
#2b46f7
#2b46f7
rgb(43,70,247)
-
#2240ff
#2240ff
rgb(34,64,255)
Color Blindness Simulator
Below, you can see how #334cee 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.