#305aea hex color

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

♥
- f
- t
- g
- R 19
- G 35
- B 92
RGB color chart
- C 79
- M 62
- Y 0
- K 8
CMYK color chart

● #305aea color description : Bright blue.

The hexadecimal color #305aea has RGB values of R:48, G:90, B:234 and CMYK values of C:0.79, M:0.62, Y:0, K:0.08. Its decimal value is 3169002.

Hex triplet	305aea	`#305aea`
RGB Decimal	48, 90, 234	`rgb(48,90,234)`
RGB Percent	18.8, 35.3, 91.8	`rgb(18.8%,35.3%,91.8%)`
CMYK	79, 62, 0, 8
HSL	226.5°, 81.6, 55.3	`hsl(226.5,81.6%,55.3%)`
HSV (or HSB)	226.5°, 79.5, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.06, 37.138, -76.525
XYZ	19.723, 13.88, 79.477
xyY	0.174, 0.123, 13.88
CIE-LCH	44.06, 85.06, 295.887
CIE-LUV	44.06, -16.421, -114.827
Hunter-Lab	37.256, 29.301, -100.404
Binary	00110000, 01011010, 11101010

#305aea
```
#305aea rgb(48,90,234)
```
#eac030
```
#eac030 rgb(234,192,48)
```

Complementary Color

#30b7ea
```
#30b7ea rgb(48,183,234)
```
#305aea
```
#305aea rgb(48,90,234)
```
#6330ea
```
#6330ea rgb(99,48,234)
```

Analogous Color

#b7ea30
```
#b7ea30 rgb(183,234,48)
```
#305aea
```
#305aea rgb(48,90,234)
```
#ea6330
```
#ea6330 rgb(234,99,48)
```

Split Complementary Color

#5aea30
```
#5aea30 rgb(90,234,48)
```
#305aea
```
#305aea rgb(48,90,234)
```
#ea305a
```
#ea305a rgb(234,48,90)
```

Triadic Color

#30eac0
```
#30eac0 rgb(48,234,192)
```
#305aea
```
#305aea rgb(48,90,234)
```
#ea305a
```
#ea305a rgb(234,48,90)
```
#eac030
```
#eac030 rgb(234,192,48)
```

Tetradic Color

#1339bb
```
#1339bb rgb(19,57,187)
```
#1540d2
```
#1540d2 rgb(21,64,210)
```
#1948e8
```
#1948e8 rgb(25,72,232)
```
#305aea
```
#305aea rgb(48,90,234)
```
#476cec
```
#476cec rgb(71,108,236)
```
#5e7fef
```
#5e7fef rgb(94,127,239)
```
#7591f1
```
#7591f1 rgb(117,145,241)
```

Monochromatic Color

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

#3089ea
```
#3089ea rgb(48,137,234)
```
#3079ea
```
#3079ea rgb(48,121,234)
```
#306aea
```
#306aea rgb(48,106,234)
```
#305aea
```
#305aea rgb(48,90,234)
```
#304bea
```
#304bea rgb(48,75,234)
```
#303bea
```
#303bea rgb(48,59,234)
```
#3430ea
```
#3430ea rgb(52,48,234)
```

Similar Colors

Text with hexadecimal color #305aea

This text has a font color of #305aea.

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

#305aea background color

This paragraph has a background color of #305aea.

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

#305aea border color

This element has a border color of #305aea.

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

CSS codes

.text {color:#305aea;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020719
```
#020719 rgb(2,7,25)
```
#040d2a
```
#040d2a rgb(4,13,42)
```
#06123c
```
#06123c rgb(6,18,60)
```
#08184e
```
#08184e rgb(8,24,78)
```
#0a1d60
```
#0a1d60 rgb(10,29,96)
```
#0c2372
```
#0c2372 rgb(12,35,114)
```
#0d2883
```
#0d2883 rgb(13,40,131)
```
#0f2d95
```
#0f2d95 rgb(15,45,149)
```
#1133a7
```
#1133a7 rgb(17,51,167)
```
#1338b9
```
#1338b9 rgb(19,56,185)
```
#153ecb
```
#153ecb rgb(21,62,203)
```
#1643dc
```
#1643dc rgb(22,67,220)
```

Shade Color Variation

#1e4ce8
```
#1e4ce8 rgb(30,76,232)
```
#305aea
```
#305aea rgb(48,90,234)
```
#4268ec
```
#4268ec rgb(66,104,236)
```
#5476ee
```
#5476ee rgb(84,118,238)
```
#6585ef
```
#6585ef rgb(101,133,239)
```
#7793f1
```
#7793f1 rgb(119,147,241)
```
#89a1f3
```
#89a1f3 rgb(137,161,243)
```
#9baff5
```
#9baff5 rgb(155,175,245)
```
#adbdf7
```
#adbdf7 rgb(173,189,247)
```
#beccf8
```
#beccf8 rgb(190,204,248)
```
#d0dafa
```
#d0dafa rgb(208,218,250)
```
#e2e8fc
```
#e2e8fc rgb(226,232,252)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#888a92
```
#888a92 rgb(136,138,146)
```
#7f859b
```
#7f859b rgb(127,133,155)
```
#7680a4
```
#7680a4 rgb(118,128,164)
```
#6d7cad
```
#6d7cad rgb(109,124,173)
```
#6577b5
```
#6577b5 rgb(101,119,181)
```
#5c72be
```
#5c72be rgb(92,114,190)
```
#536dc7
```
#536dc7 rgb(83,109,199)
```
#4a68d0
```
#4a68d0 rgb(74,104,208)
```
#4264d8
```
#4264d8 rgb(66,100,216)
```
#395fe1
```
#395fe1 rgb(57,95,225)
```
#305aea
```
#305aea rgb(48,90,234)
```
#2755f3
```
#2755f3 rgb(39,85,243)
```
#1e50fc
```
#1e50fc rgb(30,80,252)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#555d7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#1165dc Protanomaly 1% of men, 0.01% of women
#1169ca Deuteranomaly 6% of men, 0.4% of women
#116fa7 Tritanomaly 0.01% of the population

#305aea hex color

#305aea Color Information

#305aea Color Conversion

Color Schemes with #305aea

Alternatives to #305aea

#305aea Preview

Shades and Tints of #305aea

Tones of #305aea

Color Blindness Simulator