colorhexa.com

#305dae hex color

In a RGB color space, hex #305dae is composed of 18.8% red, 36.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 46.6% magenta, 0% yellow and 31.8% black. It has a hue angle of 218.6 degrees, a saturation of 56.8% and a lightness of 43.5%. #305dae color hex could be obtained by blending #60baff with #00005d. Closest websafe color is: #336699.

- R 19
- G 36
- B 68
RGB color chart
- C 72
- M 47
- Y 0
- K 32
CMYK color chart

● #305dae color description : Dark blue.

The hexadecimal color #305dae has RGB values of R:48, G:93, B:174 and CMYK values of C:0.72, M:0.47, Y:0, K:0.32. Its decimal value is 3169710.

Hex triplet	305dae	`#305dae`
RGB Decimal	48, 93, 174	`rgb(48,93,174)`
RGB Percent	18.8, 36.5, 68.2	`rgb(18.8%,36.5%,68.2%)`
CMYK	72, 47, 0, 32
HSL	218.6°, 56.8, 43.5	`hsl(218.6,56.8%,43.5%)`
HSV (or HSB)	218.6°, 72.4, 68.2
Web Safe	336699	`#336699`

CIE-LAB	40.43, 12.865, -47.821
XYZ	12.772, 11.512, 41.591
xyY	0.194, 0.175, 11.512
CIE-LCH	40.43, 49.521, 285.057
CIE-LUV	40.43, -17.432, -70.617
Hunter-Lab	33.93, 7.813, -48.927
Binary	00110000, 01011101, 10101110

#305dae
```
#305dae rgb(48,93,174)
```
#ae8130
```
#ae8130 rgb(174,129,48)
```

Complementary Color

#309cae
```
#309cae rgb(48,156,174)
```
#305dae
```
#305dae rgb(48,93,174)
```
#4230ae
```
#4230ae rgb(66,48,174)
```

Analogous Color

#9cae30
```
#9cae30 rgb(156,174,48)
```
#305dae
```
#305dae rgb(48,93,174)
```
#ae4230
```
#ae4230 rgb(174,66,48)
```

Split Complementary Color

#5dae30
```
#5dae30 rgb(93,174,48)
```
#305dae
```
#305dae rgb(48,93,174)
```
#ae305d
```
#ae305d rgb(174,48,93)
```

Triadic Color

#30ae81
```
#30ae81 rgb(48,174,129)
```
#305dae
```
#305dae rgb(48,93,174)
```
#ae305d
```
#ae305d rgb(174,48,93)
```
#ae8130
```
#ae8130 rgb(174,129,48)
```

Tetradic Color

#1f3d72
```
#1f3d72 rgb(31,61,114)
```
#254886
```
#254886 rgb(37,72,134)
```
#2a529a
```
#2a529a rgb(42,82,154)
```
#305dae
```
#305dae rgb(48,93,174)
```
#3668c2
```
#3668c2 rgb(54,104,194)
```
#4575cc
```
#4575cc rgb(69,117,204)
```
#5984d1
```
#5984d1 rgb(89,132,209)
```

Monochromatic Color

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

#307dae
```
#307dae rgb(48,125,174)
```
#3072ae
```
#3072ae rgb(48,114,174)
```
#3068ae
```
#3068ae rgb(48,104,174)
```
#305dae
```
#305dae rgb(48,93,174)
```
#3053ae
```
#3053ae rgb(48,83,174)
```
#3048ae
```
#3048ae rgb(48,72,174)
```
#303eae
```
#303eae rgb(48,62,174)
```

Similar Colors

Text with hexadecimal color #305dae

This text has a font color of #305dae.

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

#305dae background color

This paragraph has a background color of #305dae.

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

#305dae border color

This element has a border color of #305dae.

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

CSS codes

.text {color:#305dae;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0a1324
```
#0a1324 rgb(10,19,36)
```
#0e1b33
```
#0e1b33 rgb(14,27,51)
```
#122342
```
#122342 rgb(18,35,66)
```
#172c52
```
#172c52 rgb(23,44,82)
```
#1b3461
```
#1b3461 rgb(27,52,97)
```
#1f3c71
```
#1f3c71 rgb(31,60,113)
```
#234480
```
#234480 rgb(35,68,128)
```
#284d8f
```
#284d8f rgb(40,77,143)
```
#2c559f
```
#2c559f rgb(44,85,159)
```
#305dae
```
#305dae rgb(48,93,174)
```
#3465bd
```
#3465bd rgb(52,101,189)
```

Shade Color Variation

#3c6ec9
```
#3c6ec9 rgb(60,110,201)
```
#4b7acd
```
#4b7acd rgb(75,122,205)
```
#5b85d2
```
#5b85d2 rgb(91,133,210)
```
#6a91d6
```
#6a91d6 rgb(106,145,214)
```
#7a9cda
```
#7a9cda rgb(122,156,218)
```
#89a7de
```
#89a7de rgb(137,167,222)
```
#98b3e3
```
#98b3e3 rgb(152,179,227)
```
#a8bee7
```
#a8bee7 rgb(168,190,231)
```
#b7caeb
```
#b7caeb rgb(183,202,235)
```
#c6d5ef
```
#c6d5ef rgb(198,213,239)
```
#d6e0f4
```
#d6e0f4 rgb(214,224,244)
```
#e5ecf8
```
#e5ecf8 rgb(229,236,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6e72 is the less saturated color, while #0551d9 is the most saturated one.

#6c6e72
```
#6c6e72 rgb(108,110,114)
```
#636c7b
```
#636c7b rgb(99,108,123)
```
#5b6983
```
#5b6983 rgb(91,105,131)
```
#52678c
```
#52678c rgb(82,103,140)
```
#4a6494
```
#4a6494 rgb(74,100,148)
```
#41629d
```
#41629d rgb(65,98,157)
```
#395fa5
```
#395fa5 rgb(57,95,165)
```
#305dae
```
#305dae rgb(48,93,174)
```
#275bb7
```
#275bb7 rgb(39,91,183)
```
#1f58bf
```
#1f58bf rgb(31,88,191)
```
#1656c8
```
#1656c8 rgb(22,86,200)
```
#0e53d0
```
#0e53d0 rgb(14,83,208)
```
#0551d9
```
#0551d9 rgb(5,81,217)
```

Tone Color Variation

Below, you can see how #305dae 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
#515a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d65b1 Protanopia 1% of men
#0069af Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3862b0 Protanomaly 1% of men, 0.01% of women
#1164af Deuteranomaly 6% of men, 0.4% of women
#116a8c Tritanomaly 0.01% of the population