#305fbd hex color

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

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

● #305fbd color description : Moderate blue.

The hexadecimal color #305fbd has RGB values of R:48, G:95, B:189 and CMYK values of C:0.75, M:0.5, Y:0, K:0.26. Its decimal value is 3170237.

Hex triplet	305fbd	`#305fbd`
RGB Decimal	48, 95, 189	`rgb(48,95,189)`
RGB Percent	18.8, 37.3, 74.1	`rgb(18.8%,37.3%,74.1%)`
CMYK	75, 50, 0, 26
HSL	220°, 59.5, 46.5	`hsl(220,59.5%,46.5%)`
HSV (or HSB)	220°, 74.6, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.978, 17.225, -54.119
XYZ	14.494, 12.486, 49.787
xyY	0.189, 0.163, 12.486
CIE-LCH	41.978, 56.794, 287.655
CIE-LUV	41.978, -17.861, -80.939
Hunter-Lab	35.335, 11.383, -58.805
Binary	00110000, 01011111, 10111101

#305fbd
```
#305fbd rgb(48,95,189)
```
#bd8e30
```
#bd8e30 rgb(189,142,48)
```

Complementary Color

#30a6bd
```
#30a6bd rgb(48,166,189)
```
#305fbd
```
#305fbd rgb(48,95,189)
```
#4830bd
```
#4830bd rgb(72,48,189)
```

Analogous Color

#a6bd30
```
#a6bd30 rgb(166,189,48)
```
#305fbd
```
#305fbd rgb(48,95,189)
```
#bd4830
```
#bd4830 rgb(189,72,48)
```

Split Complementary Color

#5fbd30
```
#5fbd30 rgb(95,189,48)
```
#305fbd
```
#305fbd rgb(48,95,189)
```
#bd305f
```
#bd305f rgb(189,48,95)
```

Triadic Color

#30bd8e
```
#30bd8e rgb(48,189,142)
```
#305fbd
```
#305fbd rgb(48,95,189)
```
#bd305f
```
#bd305f rgb(189,48,95)
```
#bd8e30
```
#bd8e30 rgb(189,142,48)
```

Tetradic Color

#214080
```
#214080 rgb(33,64,128)
```
#264b94
```
#264b94 rgb(38,75,148)
```
#2b55a9
```
#2b55a9 rgb(43,85,169)
```
#305fbd
```
#305fbd rgb(48,95,189)
```
#3a6bcd
```
#3a6bcd rgb(58,107,205)
```
#4e7ad2
```
#4e7ad2 rgb(78,122,210)
```
#6289d7
```
#6289d7 rgb(98,137,215)
```

Monochromatic Color

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

#3082bd
```
#3082bd rgb(48,130,189)
```
#3077bd
```
#3077bd rgb(48,119,189)
```
#306bbd
```
#306bbd rgb(48,107,189)
```
#305fbd
```
#305fbd rgb(48,95,189)
```
#3053bd
```
#3053bd rgb(48,83,189)
```
#3047bd
```
#3047bd rgb(48,71,189)
```
#303cbd
```
#303cbd rgb(48,60,189)
```

Similar Colors

Text with hexadecimal color #305fbd

This text has a font color of #305fbd.

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

#305fbd background color

This paragraph has a background color of #305fbd.

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

#305fbd border color

This element has a border color of #305fbd.

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

CSS codes

.text {color:#305fbd;}

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

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

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)
```
#040911
```
#040911 rgb(4,9,17)
```
#081021
```
#081021 rgb(8,16,33)
```
#0c1830
```
#0c1830 rgb(12,24,48)
```
#102040
```
#102040 rgb(16,32,64)
```
#142850
```
#142850 rgb(20,40,80)
```
#18305f
```
#18305f rgb(24,48,95)
```
#1c386f
```
#1c386f rgb(28,56,111)
```
#20407e
```
#20407e rgb(32,64,126)
```
#24478e
```
#24478e rgb(36,71,142)
```
#284f9e
```
#284f9e rgb(40,79,158)
```
#2c57ad
```
#2c57ad rgb(44,87,173)
```
#305fbd
```
#305fbd rgb(48,95,189)
```

Shade Color Variation

#3567cc
```
#3567cc rgb(53,103,204)
```
#4573d0
```
#4573d0 rgb(69,115,208)
```
#547fd4
```
#547fd4 rgb(84,127,212)
```
#648ad8
```
#648ad8 rgb(100,138,216)
```
#7496dc
```
#7496dc rgb(116,150,220)
```
#83a2e0
```
#83a2e0 rgb(131,162,224)
```
#93aee4
```
#93aee4 rgb(147,174,228)
```
#a2b9e7
```
#a2b9e7 rgb(162,185,231)
```
#b2c5eb
```
#b2c5eb rgb(178,197,235)
```
#c2d1ef
```
#c2d1ef rgb(194,209,239)
```
#d1ddf3
```
#d1ddf3 rgb(209,221,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 #0250eb is the most saturated one.

#70747d
```
#70747d rgb(112,116,125)
```
#677186
```
#677186 rgb(103,113,134)
```
#5e6e8f
```
#5e6e8f rgb(94,110,143)
```
#546b99
```
#546b99 rgb(84,107,153)
```
#4b68a2
```
#4b68a2 rgb(75,104,162)
```
#4265ab
```
#4265ab rgb(66,101,171)
```
#3962b4
```
#3962b4 rgb(57,98,180)
```
#305fbd
```
#305fbd rgb(48,95,189)
```
#275cc6
```
#275cc6 rgb(39,92,198)
```
#1e59cf
```
#1e59cf rgb(30,89,207)
```
#1556d8
```
#1556d8 rgb(21,86,216)
```
#0c53e1
```
#0c53e1 rgb(12,83,225)
```
#0250eb
```
#0250eb rgb(2,80,235)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535d6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3168c1 Protanopia 1% of men
#006db4 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#3164bf Protanomaly 1% of men, 0.01% of women
#1168b7 Deuteranomaly 6% of men, 0.4% of women
#116d94 Tritanomaly 0.01% of the population

#305fbd hex color

#305fbd Color Information

#305fbd Color Conversion

Color Schemes with #305fbd

Alternatives to #305fbd

#305fbd Preview

Shades and Tints of #305fbd

Tones of #305fbd

Color Blindness Simulator