colorhexa.com

#306aea hex color

In a RGB color space, hex #306aea is composed of 18.8% red, 41.6% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 54.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 221.3 degrees, a saturation of 81.6% and a lightness of 55.3%. #306aea color hex could be obtained by blending #60d4ff with #0000d5. Closest websafe color is: #3366ff.

- R 19
- G 42
- B 92
RGB color chart
- C 79
- M 55
- Y 0
- K 8
CMYK color chart

● #306aea color description : Bright blue.

The hexadecimal color #306aea has RGB values of R:48, G:106, B:234 and CMYK values of C:0.79, M:0.55, Y:0, K:0.08. Its decimal value is 3173098.

Hex triplet	306aea	`#306aea`
RGB Decimal	48, 106, 234	`rgb(48,106,234)`
RGB Percent	18.8, 41.6, 91.8	`rgb(18.8%,41.6%,91.8%)`
CMYK	79, 55, 0, 8
HSL	221.3°, 81.6, 55.3	`hsl(221.3,81.6%,55.3%)`
HSV (or HSB)	221.3°, 79.5, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.103, 27.024, -69.931
XYZ	21.221, 16.875, 79.976
xyY	0.18, 0.143, 16.875
CIE-LCH	48.103, 74.971, 291.128
CIE-LUV	48.103, -20.502, -108.192
Hunter-Lab	41.08, 20.321, -86.674
Binary	00110000, 01101010, 11101010

#306aea
```
#306aea rgb(48,106,234)
```
#eab030
```
#eab030 rgb(234,176,48)
```

Complementary Color

#30c7ea
```
#30c7ea rgb(48,199,234)
```
#306aea
```
#306aea rgb(48,106,234)
```
#5330ea
```
#5330ea rgb(83,48,234)
```

Analogous Color

#c7ea30
```
#c7ea30 rgb(199,234,48)
```
#306aea
```
#306aea rgb(48,106,234)
```
#ea5330
```
#ea5330 rgb(234,83,48)
```

Split Complementary Color

#6aea30
```
#6aea30 rgb(106,234,48)
```
#306aea
```
#306aea rgb(48,106,234)
```
#ea306a
```
#ea306a rgb(234,48,106)
```

Triadic Color

#30eab0
```
#30eab0 rgb(48,234,176)
```
#306aea
```
#306aea rgb(48,106,234)
```
#ea306a
```
#ea306a rgb(234,48,106)
```
#eab030
```
#eab030 rgb(234,176,48)
```

Tetradic Color

#1347bb
```
#1347bb rgb(19,71,187)
```
#1550d2
```
#1550d2 rgb(21,80,210)
```
#1959e8
```
#1959e8 rgb(25,89,232)
```
#306aea
```
#306aea rgb(48,106,234)
```
#477bec
```
#477bec rgb(71,123,236)
```
#5e8bef
```
#5e8bef rgb(94,139,239)
```
#759cf1
```
#759cf1 rgb(117,156,241)
```

Monochromatic Color

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

#3099ea
```
#3099ea rgb(48,153,234)
```
#3089ea
```
#3089ea rgb(48,137,234)
```
#307aea
```
#307aea rgb(48,122,234)
```
#306aea
```
#306aea rgb(48,106,234)
```
#305bea
```
#305bea rgb(48,91,234)
```
#304bea
```
#304bea rgb(48,75,234)
```
#303cea
```
#303cea rgb(48,60,234)
```

Similar Colors

Text with hexadecimal color #306aea

This text has a font color of #306aea.

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

#306aea background color

This paragraph has a background color of #306aea.

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

#306aea border color

This element has a border color of #306aea.

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

CSS codes

.text {color:#306aea;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020919
```
#020919 rgb(2,9,25)
```
#04102a
```
#04102a rgb(4,16,42)
```
#06173c
```
#06173c rgb(6,23,60)
```
#081e4e
```
#081e4e rgb(8,30,78)
```
#0a2560
```
#0a2560 rgb(10,37,96)
```
#0c2b72
```
#0c2b72 rgb(12,43,114)
```
#0d3283
```
#0d3283 rgb(13,50,131)
```
#0f3995
```
#0f3995 rgb(15,57,149)
```
#1140a7
```
#1140a7 rgb(17,64,167)
```
#1347b9
```
#1347b9 rgb(19,71,185)
```
#154dcb
```
#154dcb rgb(21,77,203)
```
#1654dc
```
#1654dc rgb(22,84,220)
```

Shade Color Variation

#1e5de8
```
#1e5de8 rgb(30,93,232)
```
#306aea
```
#306aea rgb(48,106,234)
```
#4277ec
```
#4277ec rgb(66,119,236)
```
#5484ee
```
#5484ee rgb(84,132,238)
```
#6590ef
```
#6590ef rgb(101,144,239)
```
#779df1
```
#779df1 rgb(119,157,241)
```
#89aaf3
```
#89aaf3 rgb(137,170,243)
```
#9bb7f5
```
#9bb7f5 rgb(155,183,245)
```
#adc4f7
```
#adc4f7 rgb(173,196,247)
```
#bed1f8
```
#bed1f8 rgb(190,209,248)
```
#d0ddfa
```
#d0ddfa rgb(208,221,250)
```
#e2eafc
```
#e2eafc rgb(226,234,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#888b92
```
#888b92 rgb(136,139,146)
```
#7f889b
```
#7f889b rgb(127,136,155)
```
#7684a4
```
#7684a4 rgb(118,132,164)
```
#6d81ad
```
#6d81ad rgb(109,129,173)
```
#657eb5
```
#657eb5 rgb(101,126,181)
```
#5c7bbe
```
#5c7bbe rgb(92,123,190)
```
#5377c7
```
#5377c7 rgb(83,119,199)
```
#4a74d0
```
#4a74d0 rgb(74,116,208)
```
#4271d8
```
#4271d8 rgb(66,113,216)
```
#396de1
```
#396de1 rgb(57,109,225)
```
#306aea
```
#306aea rgb(48,106,234)
```
#2767f3
```
#2767f3 rgb(39,103,243)
```
#1e63fc
```
#1e63fc rgb(30,99,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#1171e8 Protanomaly 1% of men, 0.01% of women
#1175d5 Deuteranomaly 6% of men, 0.4% of women
#117bae Tritanomaly 0.01% of the population