#304cae hex color

In a RGB color space, hex #304cae is composed of 18.8% red, 29.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 56.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 226.7 degrees, a saturation of 56.8% and a lightness of 43.5%. #304cae color hex could be obtained by blending #6098ff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 30
- B 68
RGB color chart
- C 72
- M 56
- Y 0
- K 32
CMYK color chart

● #304cae color description : Dark blue.

The hexadecimal color #304cae has RGB values of R:48, G:76, B:174 and CMYK values of C:0.72, M:0.56, Y:0, K:0.32. Its decimal value is 3165358.

Hex triplet	304cae	`#304cae`
RGB Decimal	48, 76, 174	`rgb(48,76,174)`
RGB Percent	18.8, 29.8, 68.2	`rgb(18.8%,29.8%,68.2%)`
CMYK	72, 56, 0, 32
HSL	226.7°, 56.8, 43.5	`hsl(226.7,56.8%,43.5%)`
HSV (or HSB)	226.7°, 72.4, 68.2
Web Safe	333399	`#333399`

CIE-LAB	35.699, 24.042, -55.461
XYZ	11.442, 8.853, 41.148
xyY	0.186, 0.144, 8.853
CIE-LCH	35.699, 60.448, 293.436
CIE-LUV	35.699, -12.465, -79.213
Hunter-Lab	29.753, 16.575, -61.169
Binary	00110000, 01001100, 10101110

#304cae
```
#304cae rgb(48,76,174)
```
#ae9230
```
#ae9230 rgb(174,146,48)
```

Complementary Color

#308bae
```
#308bae rgb(48,139,174)
```
#304cae
```
#304cae rgb(48,76,174)
```
#5330ae
```
#5330ae rgb(83,48,174)
```

Analogous Color

#8bae30
```
#8bae30 rgb(139,174,48)
```
#304cae
```
#304cae rgb(48,76,174)
```
#ae5330
```
#ae5330 rgb(174,83,48)
```

Split Complementary Color

#4cae30
```
#4cae30 rgb(76,174,48)
```
#304cae
```
#304cae rgb(48,76,174)
```
#ae304c
```
#ae304c rgb(174,48,76)
```

Triadic Color

#30ae92
```
#30ae92 rgb(48,174,146)
```
#304cae
```
#304cae rgb(48,76,174)
```
#ae304c
```
#ae304c rgb(174,48,76)
```
#ae9230
```
#ae9230 rgb(174,146,48)
```

Tetradic Color

#1f3272
```
#1f3272 rgb(31,50,114)
```
#253b86
```
#253b86 rgb(37,59,134)
```
#2a439a
```
#2a439a rgb(42,67,154)
```
#304cae
```
#304cae rgb(48,76,174)
```
#3655c2
```
#3655c2 rgb(54,85,194)
```
#4563cc
```
#4563cc rgb(69,99,204)
```
#5974d1
```
#5974d1 rgb(89,116,209)
```

Monochromatic Color

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

#306cae
```
#306cae rgb(48,108,174)
```
#3061ae
```
#3061ae rgb(48,97,174)
```
#3057ae
```
#3057ae rgb(48,87,174)
```
#304cae
```
#304cae rgb(48,76,174)
```
#3041ae
```
#3041ae rgb(48,65,174)
```
#3037ae
```
#3037ae rgb(48,55,174)
```
#3430ae
```
#3430ae rgb(52,48,174)
```

Similar Colors

Text with hexadecimal color #304cae

This text has a font color of #304cae.

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

#304cae background color

This paragraph has a background color of #304cae.

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

#304cae border color

This element has a border color of #304cae.

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

CSS codes

.text {color:#304cae;}

.background {background-color:#304cae;}

.border {border:1px solid #304cae;}

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

#010205
```
#010205 rgb(1,2,5)
```
#060914
```
#060914 rgb(6,9,20)
```
#0a1024
```
#0a1024 rgb(10,16,36)
```
#0e1633
```
#0e1633 rgb(14,22,51)
```
#121d42
```
#121d42 rgb(18,29,66)
```
#172452
```
#172452 rgb(23,36,82)
```
#1b2a61
```
#1b2a61 rgb(27,42,97)
```
#1f3171
```
#1f3171 rgb(31,49,113)
```
#233880
```
#233880 rgb(35,56,128)
```
#283f8f
```
#283f8f rgb(40,63,143)
```
#2c459f
```
#2c459f rgb(44,69,159)
```
#304cae
```
#304cae rgb(48,76,174)
```
#3453bd
```
#3453bd rgb(52,83,189)
```

Shade Color Variation

#3c5bc9
```
#3c5bc9 rgb(60,91,201)
```
#4b68cd
```
#4b68cd rgb(75,104,205)
```
#5b75d2
```
#5b75d2 rgb(91,117,210)
```
#6a82d6
```
#6a82d6 rgb(106,130,214)
```
#7a8fda
```
#7a8fda rgb(122,143,218)
```
#899cde
```
#899cde rgb(137,156,222)
```
#98a9e3
```
#98a9e3 rgb(152,169,227)
```
#a8b6e7
```
#a8b6e7 rgb(168,182,231)
```
#b7c3eb
```
#b7c3eb rgb(183,195,235)
```
#c6cfef
```
#c6cfef rgb(198,207,239)
```
#d6dcf4
```
#d6dcf4 rgb(214,220,244)
```
#e5e9f8
```
#e5e9f8 rgb(229,233,248)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

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

#6c6d72
```
#6c6d72 rgb(108,109,114)
```
#63687b
```
#63687b rgb(99,104,123)
```
#5b6483
```
#5b6483 rgb(91,100,131)
```
#525f8c
```
#525f8c rgb(82,95,140)
```
#4a5a94
```
#4a5a94 rgb(74,90,148)
```
#41559d
```
#41559d rgb(65,85,157)
```
#3951a5
```
#3951a5 rgb(57,81,165)
```
#304cae
```
#304cae rgb(48,76,174)
```
#2747b7
```
#2747b7 rgb(39,71,183)
```
#1f43bf
```
#1f43bf rgb(31,67,191)
```
#163ec8
```
#163ec8 rgb(22,62,200)
```
#0e39d0
```
#0e39d0 rgb(14,57,208)
```
#0534d9
```
#0534d9 rgb(5,52,217)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#494e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059b0 Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#1154af Protanomaly 1% of men, 0.01% of women
#1158a1 Deuteranomaly 6% of men, 0.4% of women
#115c84 Tritanomaly 0.01% of the population

#304cae hex color

#304cae Color Information

#304cae Color Conversion

Color Schemes with #304cae

Alternatives to #304cae

#304cae Preview

Shades and Tints of #304cae

Tones of #304cae

Color Blindness Simulator