#305abd hex color

In a RGB color space, hex #305abd is composed of 18.8% red, 35.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 52.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 222.1 degrees, a saturation of 59.5% and a lightness of 46.5%. #305abd color hex could be obtained by blending #60b4ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 74
RGB color chart
- C 75
- M 52
- Y 0
- K 26
CMYK color chart

● #305abd color description : Moderate blue.

The hexadecimal color #305abd has RGB values of R:48, G:90, B:189 and CMYK values of C:0.75, M:0.52, Y:0, K:0.26. Its decimal value is 3168957.

Hex triplet	305abd	`#305abd`
RGB Decimal	48, 90, 189	`rgb(48,90,189)`
RGB Percent	18.8, 35.3, 74.1	`rgb(18.8%,35.3%,74.1%)`
CMYK	75, 52, 0, 26
HSL	222.1°, 59.5, 46.5	`hsl(222.1,59.5%,46.5%)`
HSV (or HSB)	222.1°, 74.6, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.596, 20.478, -56.352
XYZ	14.058, 11.614, 49.642
xyY	0.187, 0.154, 11.614
CIE-LCH	40.596, 59.958, 289.971
CIE-LUV	40.596, -16.397, -83.569
Hunter-Lab	34.079, 13.997, -62.511
Binary	00110000, 01011010, 10111101

#305abd
```
#305abd rgb(48,90,189)
```
#bd9330
```
#bd9330 rgb(189,147,48)
```

Complementary Color

#30a1bd
```
#30a1bd rgb(48,161,189)
```
#305abd
```
#305abd rgb(48,90,189)
```
#4d30bd
```
#4d30bd rgb(77,48,189)
```

Analogous Color

#a1bd30
```
#a1bd30 rgb(161,189,48)
```
#305abd
```
#305abd rgb(48,90,189)
```
#bd4d30
```
#bd4d30 rgb(189,77,48)
```

Split Complementary Color

#5abd30
```
#5abd30 rgb(90,189,48)
```
#305abd
```
#305abd rgb(48,90,189)
```
#bd305a
```
#bd305a rgb(189,48,90)
```

Triadic Color

#30bd93
```
#30bd93 rgb(48,189,147)
```
#305abd
```
#305abd rgb(48,90,189)
```
#bd305a
```
#bd305a rgb(189,48,90)
```
#bd9330
```
#bd9330 rgb(189,147,48)
```

Tetradic Color

#213d80
```
#213d80 rgb(33,61,128)
```
#264794
```
#264794 rgb(38,71,148)
```
#2b50a9
```
#2b50a9 rgb(43,80,169)
```
#305abd
```
#305abd rgb(48,90,189)
```
#3a65cd
```
#3a65cd rgb(58,101,205)
```
#4e75d2
```
#4e75d2 rgb(78,117,210)
```
#6285d7
```
#6285d7 rgb(98,133,215)
```

Monochromatic Color

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

#307dbd
```
#307dbd rgb(48,125,189)
```
#3072bd
```
#3072bd rgb(48,114,189)
```
#3066bd
```
#3066bd rgb(48,102,189)
```
#305abd
```
#305abd rgb(48,90,189)
```
#304ebd
```
#304ebd rgb(48,78,189)
```
#3043bd
```
#3043bd rgb(48,67,189)
```
#3037bd
```
#3037bd rgb(48,55,189)
```

Similar Colors

Text with hexadecimal color #305abd

This text has a font color of #305abd.

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

#305abd background color

This paragraph has a background color of #305abd.

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

#305abd border color

This element has a border color of #305abd.

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

CSS codes

.text {color:#305abd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040811
```
#040811 rgb(4,8,17)
```
#081021
```
#081021 rgb(8,16,33)
```
#0c1730
```
#0c1730 rgb(12,23,48)
```
#101e40
```
#101e40 rgb(16,30,64)
```
#142650
```
#142650 rgb(20,38,80)
```
#182d5f
```
#182d5f rgb(24,45,95)
```
#1c356f
```
#1c356f rgb(28,53,111)
```
#203c7e
```
#203c7e rgb(32,60,126)
```
#24448e
```
#24448e rgb(36,68,142)
```
#284b9e
```
#284b9e rgb(40,75,158)
```
#2c53ad
```
#2c53ad rgb(44,83,173)
```
#305abd
```
#305abd rgb(48,90,189)
```

Shade Color Variation

#3562cc
```
#3562cc rgb(53,98,204)
```
#456ed0
```
#456ed0 rgb(69,110,208)
```
#547ad4
```
#547ad4 rgb(84,122,212)
```
#6486d8
```
#6486d8 rgb(100,134,216)
```
#7493dc
```
#7493dc rgb(116,147,220)
```
#839fe0
```
#839fe0 rgb(131,159,224)
```
#93abe4
```
#93abe4 rgb(147,171,228)
```
#a2b7e7
```
#a2b7e7 rgb(162,183,231)
```
#b2c3eb
```
#b2c3eb rgb(178,195,235)
```
#c2cfef
```
#c2cfef rgb(194,207,239)
```
#d1dcf3
```
#d1dcf3 rgb(209,220,243)
```
#e1e8f7
```
#e1e8f7 rgb(225,232,247)
```
#f1f4fb
```
#f1f4fb rgb(241,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70747d is the less saturated color, while #0248eb is the most saturated one.

#70747d
```
#70747d rgb(112,116,125)
```
#677086
```
#677086 rgb(103,112,134)
```
#5e6c8f
```
#5e6c8f rgb(94,108,143)
```
#546999
```
#546999 rgb(84,105,153)
```
#4b65a2
```
#4b65a2 rgb(75,101,162)
```
#4261ab
```
#4261ab rgb(66,97,171)
```
#395eb4
```
#395eb4 rgb(57,94,180)
```
#305abd
```
#305abd rgb(48,90,189)
```
#2756c6
```
#2756c6 rgb(39,86,198)
```
#1e53cf
```
#1e53cf rgb(30,83,207)
```
#154fd8
```
#154fd8 rgb(21,79,216)
```
#0c4be1
```
#0c4be1 rgb(12,75,225)
```
#0248eb
```
#0248eb rgb(2,72,235)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#51596d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e64c2 Protanopia 1% of men
#006aae Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2460c0 Protanomaly 1% of men, 0.01% of women
#1164b3 Deuteranomaly 6% of men, 0.4% of women
#116991 Tritanomaly 0.01% of the population

#305abd hex color

#305abd Color Information

#305abd Color Conversion

Color Schemes with #305abd

Alternatives to #305abd

#305abd Preview

Shades and Tints of #305abd

Tones of #305abd

Color Blindness Simulator