#305570 hex color

In a RGB color space, hex #305570 is composed of 18.8% red, 33.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 24.1% magenta, 0% yellow and 56.1% black. It has a hue angle of 205.3 degrees, a saturation of 40% and a lightness of 31.4%. #305570 color hex could be obtained by blending #60aae0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 33
- B 44
RGB color chart
- C 57
- M 24
- Y 0
- K 56
CMYK color chart

● #305570 color description : Very dark desaturated blue.

The hexadecimal color #305570 has RGB values of R:48, G:85, B:112 and CMYK values of C:0.57, M:0.24, Y:0, K:0.56. Its decimal value is 3167600.

Hex triplet	305570	`#305570`
RGB Decimal	48, 85, 112	`rgb(48,85,112)`
RGB Percent	18.8, 33.3, 43.9	`rgb(18.8%,33.3%,43.9%)`
CMYK	57, 24, 0, 56
HSL	205.3°, 40, 31.4	`hsl(205.3,40%,31.4%)`
HSV (or HSB)	205.3°, 57.1, 43.9
Web Safe	336666	`#336666`

CIE-LAB	34.589, -4.639, -19.491
XYZ	7.391, 8.295, 16.54
xyY	0.229, 0.257, 8.295
CIE-LCH	34.589, 20.035, 256.611
CIE-LUV	34.589, -15.686, -25.573
Hunter-Lab	28.801, -4.591, -13.889
Binary	00110000, 01010101, 01110000

#305570
```
#305570 rgb(48,85,112)
```
#704b30
```
#704b30 rgb(112,75,48)
```

Complementary Color

#30706b
```
#30706b rgb(48,112,107)
```
#305570
```
#305570 rgb(48,85,112)
```
#303570
```
#303570 rgb(48,53,112)
```

Analogous Color

#706b30
```
#706b30 rgb(112,107,48)
```
#305570
```
#305570 rgb(48,85,112)
```
#703035
```
#703035 rgb(112,48,53)
```

Split Complementary Color

#557030
```
#557030 rgb(85,112,48)
```
#305570
```
#305570 rgb(48,85,112)
```
#703055
```
#703055 rgb(112,48,85)
```

Triadic Color

#30704b
```
#30704b rgb(48,112,75)
```
#305570
```
#305570 rgb(48,85,112)
```
#703055
```
#703055 rgb(112,48,85)
```
#704b30
```
#704b30 rgb(112,75,48)
```

Tetradic Color

#192c3a
```
#192c3a rgb(25,44,58)
```
#213a4c
```
#213a4c rgb(33,58,76)
```
#28475e
```
#28475e rgb(40,71,94)
```
#305570
```
#305570 rgb(48,85,112)
```
#386382
```
#386382 rgb(56,99,130)
```
#3f7094
```
#3f7094 rgb(63,112,148)
```
#477ea6
```
#477ea6 rgb(71,126,166)
```

Monochromatic Color

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

#306570
```
#306570 rgb(48,101,112)
```
#306070
```
#306070 rgb(48,96,112)
```
#305a70
```
#305a70 rgb(48,90,112)
```
#305570
```
#305570 rgb(48,85,112)
```
#305070
```
#305070 rgb(48,80,112)
```
#304a70
```
#304a70 rgb(48,74,112)
```
#304570
```
#304570 rgb(48,69,112)
```

Similar Colors

Text with hexadecimal color #305570

This text has a font color of #305570.

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

#305570 background color

This paragraph has a background color of #305570.

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

#305570 border color

This element has a border color of #305570.

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

CSS codes

.text {color:#305570;}

.background {background-color:#305570;}

.border {border:1px solid #305570;}

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

#010202
```
#010202 rgb(1,2,2)
```
#070c10
```
#070c10 rgb(7,12,16)
```
#0d161e
```
#0d161e rgb(13,22,30)
```
#13212b
```
#13212b rgb(19,33,43)
```
#182b39
```
#182b39 rgb(24,43,57)
```
#1e3647
```
#1e3647 rgb(30,54,71)
```
#244055
```
#244055 rgb(36,64,85)
```
#2a4b62
```
#2a4b62 rgb(42,75,98)
```
#305570
```
#305570 rgb(48,85,112)
```
#365f7e
```
#365f7e rgb(54,95,126)
```
#3c6a8b
```
#3c6a8b rgb(60,106,139)
```
#427499
```
#427499 rgb(66,116,153)
```
#487fa7
```
#487fa7 rgb(72,127,167)
```

Shade Color Variation

#4f89b3
```
#4f89b3 rgb(79,137,179)
```
#5c92b9
```
#5c92b9 rgb(92,146,185)
```
#6a9bbf
```
#6a9bbf rgb(106,155,191)
```
#78a4c5
```
#78a4c5 rgb(120,164,197)
```
#86aecb
```
#86aecb rgb(134,174,203)
```
#93b7d1
```
#93b7d1 rgb(147,183,209)
```
#a1c0d7
```
#a1c0d7 rgb(161,192,215)
```
#afc9dd
```
#afc9dd rgb(175,201,221)
```
#bdd2e3
```
#bdd2e3 rgb(189,210,227)
```
#cadce8
```
#cadce8 rgb(202,220,232)
```
#d8e5ee
```
#d8e5ee rgb(216,229,238)
```
#e6eef4
```
#e6eef4 rgb(230,238,244)
```
#f3f7fa
```
#f3f7fa rgb(243,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5051 is the less saturated color, while #055c9b is the most saturated one.

#4f5051
```
#4f5051 rgb(79,80,81)
```
#495157
```
#495157 rgb(73,81,87)
```
#42525e
```
#42525e rgb(66,82,94)
```
#3c5364
```
#3c5364 rgb(60,83,100)
```
#36546a
```
#36546a rgb(54,84,106)
```
#305570
```
#305570 rgb(48,85,112)
```
#2a5676
```
#2a5676 rgb(42,86,118)
```
#24577c
```
#24577c rgb(36,87,124)
```
#1e5882
```
#1e5882 rgb(30,88,130)
```
#175989
```
#175989 rgb(23,89,137)
```
#115a8f
```
#115a8f rgb(17,90,143)
```
#0b5b95
```
#0b5b95 rgb(11,91,149)
```
#055c9b
```
#055c9b rgb(5,92,155)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525974 Protanopia 1% of men
#4f5979 Deuteranopia 1% of men
#336067 Tritanopia 0.001% of the population

Trichromacy

#455772 Protanomaly 1% of men, 0.01% of women
#445775 Deuteranomaly 6% of men, 0.4% of women
#325c6a Tritanomaly 0.01% of the population

#305570 hex color

#305570 Color Information

#305570 Color Conversion

Color Schemes with #305570

Alternatives to #305570

#305570 Preview

Shades and Tints of #305570

Tones of #305570

Color Blindness Simulator