colorhexa.com

#302265 hex color

In a RGB color space, hex #302265 is composed of 18.8% red, 13.3% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 66.3% magenta, 0% yellow and 60.4% black. It has a hue angle of 252.5 degrees, a saturation of 49.6% and a lightness of 26.5%. #302265 color hex could be obtained by blending #6044ca with #000000. Closest websafe color is: #333366.

- R 19
- G 13
- B 40
RGB color chart
- C 52
- M 66
- Y 0
- K 60
CMYK color chart

● #302265 color description : Very dark blue.

The hexadecimal color #302265 has RGB values of R:48, G:34, B:101 and CMYK values of C:0.52, M:0.66, Y:0, K:0.6. Its decimal value is 3154533.

Hex triplet	302265	`#302265`
RGB Decimal	48, 34, 101	`rgb(48,34,101)`
RGB Percent	18.8, 13.3, 39.6	`rgb(18.8%,13.3%,39.6%)`
CMYK	52, 66, 0, 60
HSL	252.5°, 49.6, 26.5	`hsl(252.5,49.6%,26.5%)`
HSV (or HSB)	252.5°, 66.3, 39.6
Web Safe	333366	`#333366`

CIE-LAB	18.851, 25.696, -37.416
XYZ	4.139, 2.712, 12.617
xyY	0.213, 0.139, 2.712
CIE-LCH	18.851, 45.39, 304.48
CIE-LUV	18.851, 0.601, -42.419
Hunter-Lab	16.468, 16.05, -33.896
Binary	00110000, 00100010, 01100101

#302265
```
#302265 rgb(48,34,101)
```
#576522
```
#576522 rgb(87,101,34)
```

Complementary Color

#223665
```
#223665 rgb(34,54,101)
```
#302265
```
#302265 rgb(48,34,101)
```
#522265
```
#522265 rgb(82,34,101)
```

Analogous Color

#366522
```
#366522 rgb(54,101,34)
```
#302265
```
#302265 rgb(48,34,101)
```
#655222
```
#655222 rgb(101,82,34)
```

Split Complementary Color

#226530
```
#226530 rgb(34,101,48)
```
#302265
```
#302265 rgb(48,34,101)
```
#653022
```
#653022 rgb(101,48,34)
```

Triadic Color

#150f2c
```
#150f2c rgb(21,15,44)
```
#1e153f
```
#1e153f rgb(30,21,63)
```
#271c52
```
#271c52 rgb(39,28,82)
```
#302265
```
#302265 rgb(48,34,101)
```
#392878
```
#392878 rgb(57,40,120)
```
#422f8b
```
#422f8b rgb(66,47,139)
```
#4b359e
```
#4b359e rgb(75,53,158)
```

Monochromatic Color

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

#222565
```
#222565 rgb(34,37,101)
```
#252265
```
#252265 rgb(37,34,101)
```
#2a2265
```
#2a2265 rgb(42,34,101)
```
#302265
```
#302265 rgb(48,34,101)
```
#362265
```
#362265 rgb(54,34,101)
```
#3b2265
```
#3b2265 rgb(59,34,101)
```
#412265
```
#412265 rgb(65,34,101)
```

Similar Colors

Text with hexadecimal color #302265

This text has a font color of #302265.

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

#302265 background color

This paragraph has a background color of #302265.

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

#302265 border color

This element has a border color of #302265.

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

CSS codes

.text {color:#302265;}

.background {background-color:#302265;}

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

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, #06040d is the darkest color, while #fefdfe is the lightest one.

#06040d
```
#06040d rgb(6,4,13)
```
#0d091c
```
#0d091c rgb(13,9,28)
```
#140e2a
```
#140e2a rgb(20,14,42)
```
#1b1339
```
#1b1339 rgb(27,19,57)
```
#221848
```
#221848 rgb(34,24,72)
```
#291d56
```
#291d56 rgb(41,29,86)
```
#302265
```
#302265 rgb(48,34,101)
```
#372774
```
#372774 rgb(55,39,116)
```
#3e2c82
```
#3e2c82 rgb(62,44,130)
```
#453191
```
#453191 rgb(69,49,145)
```
#4c36a0
```
#4c36a0 rgb(76,54,160)
```
#533bae
```
#533bae rgb(83,59,174)
```
#5a40bd
```
#5a40bd rgb(90,64,189)
```

Shade Color Variation

#664dc3
```
#664dc3 rgb(102,77,195)
```
#725cc8
```
#725cc8 rgb(114,92,200)
```
#7f6bcd
```
#7f6bcd rgb(127,107,205)
```
#8c79d2
```
#8c79d2 rgb(140,121,210)
```
#9888d7
```
#9888d7 rgb(152,136,215)
```
#a597dc
```
#a597dc rgb(165,151,220)
```
#b2a5e1
```
#b2a5e1 rgb(178,165,225)
```
#beb4e6
```
#beb4e6 rgb(190,180,230)
```
#cbc3eb
```
#cbc3eb rgb(203,195,235)
```
#d8d1f0
```
#d8d1f0 rgb(216,209,240)
```
#e4e0f5
```
#e4e0f5 rgb(228,224,245)
```
#f1eff9
```
#f1eff9 rgb(241,239,249)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#424146
```
#424146 rgb(66,65,70)
```
#3f3c4b
```
#3f3c4b rgb(63,60,75)
```
#3c3750
```
#3c3750 rgb(60,55,80)
```
#393255
```
#393255 rgb(57,50,85)
```
#362c5b
```
#362c5b rgb(54,44,91)
```
#332760
```
#332760 rgb(51,39,96)
```
#302265
```
#302265 rgb(48,34,101)
```
#2d1d6a
```
#2d1d6a rgb(45,29,106)
```
#2a186f
```
#2a186f rgb(42,24,111)
```
#271275
```
#271275 rgb(39,18,117)
```
#240d7a
```
#240d7a rgb(36,13,122)
```
#21087f
```
#21087f rgb(33,8,127)
```
#1e0384
```
#1e0384 rgb(30,3,132)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2c39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366b Protanopia 1% of men
#00395e Deuteranopia 1% of men
#293b3f Tritanopia 0.001% of the population

Trichromacy

#112f69 Protanomaly 1% of men, 0.01% of women
#113161 Deuteranomaly 6% of men, 0.4% of women
#2c324d Tritanomaly 0.01% of the population