#306aed hex color

In a RGB color space, hex #306aed is composed of 18.8% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 221.6 degrees, a saturation of 84% and a lightness of 55.9%. #306aed color hex could be obtained by blending #60d4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 42
- B 93
RGB color chart
- C 80
- M 55
- Y 0
- K 7
CMYK color chart

● #306aed color description : Bright blue.

The hexadecimal color #306aed has RGB values of R:48, G:106, B:237 and CMYK values of C:0.8, M:0.55, Y:0, K:0.07. Its decimal value is 3173101.

Hex triplet	306aed	`#306aed`
RGB Decimal	48, 106, 237	`rgb(48,106,237)`
RGB Percent	18.8, 41.6, 92.9	`rgb(18.8%,41.6%,92.9%)`
CMYK	80, 55, 0, 7
HSL	221.6°, 84, 55.9	`hsl(221.6,84%,55.9%)`
HSV (or HSB)	221.6°, 79.7, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.322, 28.135, -71.259
XYZ	21.656, 17.049, 82.266
xyY	0.179, 0.141, 17.049
CIE-LCH	48.322, 76.612, 291.546
CIE-LUV	48.322, -20.472, -110.318
Hunter-Lab	41.291, 21.359, -89.223
Binary	00110000, 01101010, 11101101

#306aed
```
#306aed rgb(48,106,237)
```
#edb330
```
#edb330 rgb(237,179,48)
```

Complementary Color

#30c9ed
```
#30c9ed rgb(48,201,237)
```
#306aed
```
#306aed rgb(48,106,237)
```
#5530ed
```
#5530ed rgb(85,48,237)
```

Analogous Color

#c9ed30
```
#c9ed30 rgb(201,237,48)
```
#306aed
```
#306aed rgb(48,106,237)
```
#ed5430
```
#ed5430 rgb(237,84,48)
```

Split Complementary Color

#6aed30
```
#6aed30 rgb(106,237,48)
```
#306aed
```
#306aed rgb(48,106,237)
```
#ed306a
```
#ed306a rgb(237,48,106)
```

Triadic Color

#30edb3
```
#30edb3 rgb(48,237,179)
```
#306aed
```
#306aed rgb(48,106,237)
```
#ed306a
```
#ed306a rgb(237,48,106)
```
#edb330
```
#edb330 rgb(237,179,48)
```

Tetradic Color

#1146c0
```
#1146c0 rgb(17,70,192)
```
#134fd7
```
#134fd7 rgb(19,79,215)
```
#1959eb
```
#1959eb rgb(25,89,235)
```
#306aed
```
#306aed rgb(48,106,237)
```
#477bef
```
#477bef rgb(71,123,239)
```
#5f8cf1
```
#5f8cf1 rgb(95,140,241)
```
#769df3
```
#769df3 rgb(118,157,243)
```

Monochromatic Color

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

#3099ed
```
#3099ed rgb(48,153,237)
```
#308aed
```
#308aed rgb(48,138,237)
```
#307aed
```
#307aed rgb(48,122,237)
```
#306aed
```
#306aed rgb(48,106,237)
```
#305aed
```
#305aed rgb(48,90,237)
```
#304bed
```
#304bed rgb(48,75,237)
```
#303bed
```
#303bed rgb(48,59,237)
```

Similar Colors

Text with hexadecimal color #306aed

This text has a font color of #306aed.

<span style="color:#306aed;">Text here</span>

#306aed background color

This paragraph has a background color of #306aed.

<p style="background-color:#306aed;">Content here</p>

#306aed border color

This element has a border color of #306aed.

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

CSS codes

.text {color:#306aed;}

.background {background-color:#306aed;}

.border {border:1px solid #306aed;}

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, #01040a is the darkest color, while #f7f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#020a1c
```
#020a1c rgb(2,10,28)
```
#04112e
```
#04112e rgb(4,17,46)
```
#061740
```
#061740 rgb(6,23,64)
```
#071e52
```
#071e52 rgb(7,30,82)
```
#092564
```
#092564 rgb(9,37,100)
```
#0a2b76
```
#0a2b76 rgb(10,43,118)
```
#0c3288
```
#0c3288 rgb(12,50,136)
```
#0d399a
```
#0d399a rgb(13,57,154)
```
#0f3fac
```
#0f3fac rgb(15,63,172)
```
#1146be
```
#1146be rgb(17,70,190)
```
#124cd0
```
#124cd0 rgb(18,76,208)
```
#1453e2
```
#1453e2 rgb(20,83,226)
```

Shade Color Variation

#1e5deb
```
#1e5deb rgb(30,93,235)
```
#306aed
```
#306aed rgb(48,106,237)
```
#4277ef
```
#4277ef rgb(66,119,239)
```
#5484f0
```
#5484f0 rgb(84,132,240)
```
#6691f2
```
#6691f2 rgb(102,145,242)
```
#789ef3
```
#789ef3 rgb(120,158,243)
```
#8aabf5
```
#8aabf5 rgb(138,171,245)
```
#9cb8f6
```
#9cb8f6 rgb(156,184,246)
```
#aec5f8
```
#aec5f8 rgb(174,197,248)
```
#c0d2fa
```
#c0d2fa rgb(192,210,250)
```
#d2dffb
```
#d2dffb rgb(210,223,251)
```
#e4ecfd
```
#e4ecfd rgb(228,236,253)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#878b96
```
#878b96 rgb(135,139,150)
```
#7e889f
```
#7e889f rgb(126,136,159)
```
#7585a8
```
#7585a8 rgb(117,133,168)
```
#6d81b0
```
#6d81b0 rgb(109,129,176)
```
#647eb9
```
#647eb9 rgb(100,126,185)
```
#5b7bc2
```
#5b7bc2 rgb(91,123,194)
```
#5377ca
```
#5377ca rgb(83,119,202)
```
#4a74d3
```
#4a74d3 rgb(74,116,211)
```
#4171dc
```
#4171dc rgb(65,113,220)
```
#396de4
```
#396de4 rgb(57,109,228)
```
#306aed
```
#306aed rgb(48,106,237)
```
#2767f6
```
#2767f6 rgb(39,103,246)
```
#1f63fe
```
#1f63fe rgb(31,99,254)
```

Tone Color Variation

Below, you can see how #306aed 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

#686868 Achromatopsia 0.005% of the population
#5d6883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#1171e9 Protanomaly 1% of men, 0.01% of women
#1175d7 Deuteranomaly 6% of men, 0.4% of women
#117bb0 Tritanomaly 0.01% of the population

#306aed hex color

#306aed Color Information

#306aed Color Conversion

Color Schemes with #306aed

Alternatives to #306aed

#306aed Preview

Shades and Tints of #306aed

Tones of #306aed

Color Blindness Simulator