#302685 hex color

In a RGB color space, hex #302685 is composed of 18.8% red, 14.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 71.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 246.3 degrees, a saturation of 55.6% and a lightness of 33.5%. #302685 color hex could be obtained by blending #604cff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 15
- B 52
RGB color chart
- C 64
- M 71
- Y 0
- K 48
CMYK color chart

● #302685 color description : Dark blue.

The hexadecimal color #302685 has RGB values of R:48, G:38, B:133 and CMYK values of C:0.64, M:0.71, Y:0, K:0.48. Its decimal value is 3155589.

Hex triplet	302685	`#302685`
RGB Decimal	48, 38, 133	`rgb(48,38,133)`
RGB Percent	18.8, 14.9, 52.2	`rgb(18.8%,14.9%,52.2%)`
CMYK	64, 71, 0, 48
HSL	246.3°, 55.6, 33.5	`hsl(246.3,55.6%,33.5%)`
HSV (or HSB)	246.3°, 71.4, 52.2
Web Safe	333399	`#333399`

CIE-LAB	22.681, 33.947, -51.692
XYZ	6.145, 3.708, 22.581
xyY	0.189, 0.114, 3.708
CIE-LCH	22.681, 61.842, 303.294
CIE-LUV	22.681, -2.372, -62.114
Hunter-Lab	19.256, 23.265, -56.05
Binary	00110000, 00100110, 10000101

#302685
```
#302685 rgb(48,38,133)
```
#7b8526
```
#7b8526 rgb(123,133,38)
```

Complementary Color

#264c85
```
#264c85 rgb(38,76,133)
```
#302685
```
#302685 rgb(48,38,133)
```
#602685
```
#602685 rgb(96,38,133)
```

Analogous Color

#4c8526
```
#4c8526 rgb(76,133,38)
```
#302685
```
#302685 rgb(48,38,133)
```
#855f26
```
#855f26 rgb(133,95,38)
```

Split Complementary Color

#268530
```
#268530 rgb(38,133,48)
```
#302685
```
#302685 rgb(48,38,133)
```
#853026
```
#853026 rgb(133,48,38)
```

Triadic Color

#267b85
```
#267b85 rgb(38,123,133)
```
#302685
```
#302685 rgb(48,38,133)
```
#853026
```
#853026 rgb(133,48,38)
```
#7b8526
```
#7b8526 rgb(123,133,38)
```

Tetradic Color

#1b154a
```
#1b154a rgb(27,21,74)
```
#221b5d
```
#221b5d rgb(34,27,93)
```
#292071
```
#292071 rgb(41,32,113)
```
#302685
```
#302685 rgb(48,38,133)
```
#372c99
```
#372c99 rgb(55,44,153)
```
#3e31ad
```
#3e31ad rgb(62,49,173)
```
#4537c1
```
#4537c1 rgb(69,55,193)
```

Monochromatic Color

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

#263485
```
#263485 rgb(38,52,133)
```
#262c85
```
#262c85 rgb(38,44,133)
```
#282685
```
#282685 rgb(40,38,133)
```
#302685
```
#302685 rgb(48,38,133)
```
#382685
```
#382685 rgb(56,38,133)
```
#402685
```
#402685 rgb(64,38,133)
```
#482685
```
#482685 rgb(72,38,133)
```

Similar Colors

Text with hexadecimal color #302685

This text has a font color of #302685.

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

#302685 background color

This paragraph has a background color of #302685.

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

#302685 border color

This element has a border color of #302685.

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

CSS codes

.text {color:#302685;}

.background {background-color:#302685;}

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

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, #04030b is the darkest color, while #fbfbfe is the lightest one.

#04030b
```
#04030b rgb(4,3,11)
```
#09071a
```
#09071a rgb(9,7,26)
```
#0f0c29
```
#0f0c29 rgb(15,12,41)
```
#141039
```
#141039 rgb(20,16,57)
```
#1a1548
```
#1a1548 rgb(26,21,72)
```
#1f1957
```
#1f1957 rgb(31,25,87)
```
#251d66
```
#251d66 rgb(37,29,102)
```
#2a2276
```
#2a2276 rgb(42,34,118)
```
#302685
```
#302685 rgb(48,38,133)
```
#362a94
```
#362a94 rgb(54,42,148)
```
#3b2fa4
```
#3b2fa4 rgb(59,47,164)
```
#4133b3
```
#4133b3 rgb(65,51,179)
```
#4637c2
```
#4637c2 rgb(70,55,194)
```

Shade Color Variation

#5244c9
```
#5244c9 rgb(82,68,201)
```
#6053ce
```
#6053ce rgb(96,83,206)
```
#6e62d2
```
#6e62d2 rgb(110,98,210)
```
#7c71d7
```
#7c71d7 rgb(124,113,215)
```
#8a81db
```
#8a81db rgb(138,129,219)
```
#9890df
```
#9890df rgb(152,144,223)
```
#a69fe4
```
#a69fe4 rgb(166,159,228)
```
#b4aee8
```
#b4aee8 rgb(180,174,232)
```
#c3beec
```
#c3beec rgb(195,190,236)
```
#d1cdf1
```
#d1cdf1 rgb(209,205,241)
```
#dfdcf5
```
#dfdcf5 rgb(223,220,245)
```
#edebf9
```
#edebf9 rgb(237,235,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545457 is the less saturated color, while #1605a6 is the most saturated one.

#545457
```
#545457 rgb(84,84,87)
```
#4f4d5e
```
#4f4d5e rgb(79,77,94)
```
#4a4764
```
#4a4764 rgb(74,71,100)
```
#45406b
```
#45406b rgb(69,64,107)
```
#403a71
```
#403a71 rgb(64,58,113)
```
#3a3378
```
#3a3378 rgb(58,51,120)
```
#352d7e
```
#352d7e rgb(53,45,126)
```
#302685
```
#302685 rgb(48,38,133)
```
#2b1f8c
```
#2b1f8c rgb(43,31,140)
```
#261992
```
#261992 rgb(38,25,146)
```
#201299
```
#201299 rgb(32,18,153)
```
#1b0c9f
```
#1b0c9f rgb(27,12,159)
```
#1605a6
```
#1605a6 rgb(22,5,166)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#333144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7a Protanopia 1% of men
#00426a Deuteranopia 1% of men
#00464b Tritanopia 0.001% of the population

Trichromacy

#11357e Protanomaly 1% of men, 0.01% of women
#113774 Deuteranomaly 6% of men, 0.4% of women
#113a60 Tritanomaly 0.01% of the population

#302685 hex color

#302685 Color Information

#302685 Color Conversion

Color Schemes with #302685

Alternatives to #302685

#302685 Preview

Shades and Tints of #302685

Tones of #302685

Color Blindness Simulator