#306aec hex color

In a RGB color space, hex #306aec is composed of 18.8% red, 41.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 55.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 221.5 degrees, a saturation of 83.2% and a lightness of 55.7%. #306aec color hex could be obtained by blending #60d4ff with #0000d9. 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

● #306aec color description : Bright blue.

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

Hex triplet	306aec	`#306aec`
RGB Decimal	48, 106, 236	`rgb(48,106,236)`
RGB Percent	18.8, 41.6, 92.5	`rgb(18.8%,41.6%,92.5%)`
CMYK	80, 55, 0, 7
HSL	221.5°, 83.2, 55.7	`hsl(221.5,83.2%,55.7%)`
HSV (or HSB)	221.5°, 79.7, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.249, 27.765, -70.817
XYZ	21.51, 16.991, 81.498
xyY	0.179, 0.142, 16.991
CIE-LCH	48.249, 76.065, 291.409
CIE-LUV	48.249, -20.482, -109.611
Hunter-Lab	41.22, 21.012, -88.371
Binary	00110000, 01101010, 11101100

#306aec
```
#306aec rgb(48,106,236)
```
#ecb230
```
#ecb230 rgb(236,178,48)
```

Complementary Color

#30c8ec
```
#30c8ec rgb(48,200,236)
```
#306aec
```
#306aec rgb(48,106,236)
```
#5430ec
```
#5430ec rgb(84,48,236)
```

Analogous Color

#c8ec30
```
#c8ec30 rgb(200,236,48)
```
#306aec
```
#306aec rgb(48,106,236)
```
#ec5430
```
#ec5430 rgb(236,84,48)
```

Split Complementary Color

#6aec30
```
#6aec30 rgb(106,236,48)
```
#306aec
```
#306aec rgb(48,106,236)
```
#ec306a
```
#ec306a rgb(236,48,106)
```

Triadic Color

#30ecb2
```
#30ecb2 rgb(48,236,178)
```
#306aec
```
#306aec rgb(48,106,236)
```
#ec306a
```
#ec306a rgb(236,48,106)
```
#ecb230
```
#ecb230 rgb(236,178,48)
```

Tetradic Color

#1147be
```
#1147be rgb(17,71,190)
```
#144fd5
```
#144fd5 rgb(20,79,213)
```
#1959ea
```
#1959ea rgb(25,89,234)
```
#306aec
```
#306aec rgb(48,106,236)
```
#477bee
```
#477bee rgb(71,123,238)
```
#5f8cf0
```
#5f8cf0 rgb(95,140,240)
```
#769cf2
```
#769cf2 rgb(118,156,242)
```

Monochromatic Color

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

#3099ec
```
#3099ec rgb(48,153,236)
```
#3089ec
```
#3089ec rgb(48,137,236)
```
#307aec
```
#307aec rgb(48,122,236)
```
#306aec
```
#306aec rgb(48,106,236)
```
#305aec
```
#305aec rgb(48,90,236)
```
#304bec
```
#304bec rgb(48,75,236)
```
#303bec
```
#303bec rgb(48,59,236)
```

Similar Colors

Text with hexadecimal color #306aec

This text has a font color of #306aec.

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

#306aec background color

This paragraph has a background color of #306aec.

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

#306aec border color

This element has a border color of #306aec.

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

CSS codes

.text {color:#306aec;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#020a1b
```
#020a1b rgb(2,10,27)
```
#04112d
```
#04112d rgb(4,17,45)
```
#06173e
```
#06173e rgb(6,23,62)
```
#071e50
```
#071e50 rgb(7,30,80)
```
#092562
```
#092562 rgb(9,37,98)
```
#0b2b74
```
#0b2b74 rgb(11,43,116)
```
#0c3286
```
#0c3286 rgb(12,50,134)
```
#0e3998
```
#0e3998 rgb(14,57,152)
```
#103faa
```
#103faa rgb(16,63,170)
```
#1146bc
```
#1146bc rgb(17,70,188)
```
#134dce
```
#134dce rgb(19,77,206)
```
#1553e0
```
#1553e0 rgb(21,83,224)
```

Shade Color Variation

#1e5dea
```
#1e5dea rgb(30,93,234)
```
#306aec
```
#306aec rgb(48,106,236)
```
#4277ee
```
#4277ee rgb(66,119,238)
```
#5484ef
```
#5484ef rgb(84,132,239)
```
#6691f1
```
#6691f1 rgb(102,145,241)
```
#789ef3
```
#789ef3 rgb(120,158,243)
```
#8aabf4
```
#8aabf4 rgb(138,171,244)
```
#9cb8f6
```
#9cb8f6 rgb(156,184,246)
```
#aec5f8
```
#aec5f8 rgb(174,197,248)
```
#c0d1f9
```
#c0d1f9 rgb(192,209,249)
```
#d2defb
```
#d2defb rgb(210,222,251)
```
#e4ebfc
```
#e4ebfc rgb(228,235,252)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#878b95
```
#878b95 rgb(135,139,149)
```
#7e889e
```
#7e889e rgb(126,136,158)
```
#7685a6
```
#7685a6 rgb(118,133,166)
```
#6d81af
```
#6d81af rgb(109,129,175)
```
#647eb8
```
#647eb8 rgb(100,126,184)
```
#5b7bc1
```
#5b7bc1 rgb(91,123,193)
```
#5377c9
```
#5377c9 rgb(83,119,201)
```
#4a74d2
```
#4a74d2 rgb(74,116,210)
```
#4171db
```
#4171db rgb(65,113,219)
```
#396de3
```
#396de3 rgb(57,109,227)
```
#306aec
```
#306aec rgb(48,106,236)
```
#2767f5
```
#2767f5 rgb(39,103,245)
```
#1f63fd
```
#1f63fd rgb(31,99,253)
```

Tone Color Variation

Below, you can see how #306aec 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
#5c6882 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#306aec hex color

#306aec Color Information

#306aec Color Conversion

Color Schemes with #306aec

Alternatives to #306aec

#306aec Preview

Shades and Tints of #306aec

Tones of #306aec

Color Blindness Simulator