#303258 hex color

In a RGB color space, hex #303258 is composed of 18.8% red, 19.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 43.2% magenta, 0% yellow and 65.5% black. It has a hue angle of 237 degrees, a saturation of 29.4% and a lightness of 26.7%. #303258 color hex could be obtained by blending #6064b0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 20
- B 35
RGB color chart
- C 45
- M 43
- Y 0
- K 65
CMYK color chart

● #303258 color description : Very dark desaturated blue.

The hexadecimal color #303258 has RGB values of R:48, G:50, B:88 and CMYK values of C:0.45, M:0.43, Y:0, K:0.65. Its decimal value is 3158616.

Hex triplet	303258	`#303258`
RGB Decimal	48, 50, 88	`rgb(48,50,88)`
RGB Percent	18.8, 19.6, 34.5	`rgb(18.8%,19.6%,34.5%)`
CMYK	45, 43, 0, 65
HSL	237°, 29.4, 26.7	`hsl(237,29.4%,26.7%)`
HSV (or HSB)	237°, 45.5, 34.5
Web Safe	333366	`#333366`

CIE-LAB	22.352, 10.338, -23.238
XYZ	4.121, 3.614, 9.712
xyY	0.236, 0.207, 3.614
CIE-LCH	22.352, 25.433, 293.983
CIE-LUV	22.352, -2.732, -28.033
Hunter-Lab	19.011, 5.422, -16.983
Binary	00110000, 00110010, 01011000

#303258
```
#303258 rgb(48,50,88)
```
#585630
```
#585630 rgb(88,86,48)
```

Complementary Color

#304658
```
#304658 rgb(48,70,88)
```
#303258
```
#303258 rgb(48,50,88)
```
#423058
```
#423058 rgb(66,48,88)
```

Analogous Color

#465830
```
#465830 rgb(70,88,48)
```
#303258
```
#303258 rgb(48,50,88)
```
#584230
```
#584230 rgb(88,66,48)
```

Split Complementary Color

#325830
```
#325830 rgb(50,88,48)
```
#303258
```
#303258 rgb(48,50,88)
```
#583032
```
#583032 rgb(88,48,50)
```

Triadic Color

#305856
```
#305856 rgb(48,88,86)
```
#303258
```
#303258 rgb(48,50,88)
```
#583032
```
#583032 rgb(88,48,50)
```
#585630
```
#585630 rgb(88,86,48)
```

Tetradic Color

#151627
```
#151627 rgb(21,22,39)
```
#1e1f37
```
#1e1f37 rgb(30,31,55)
```
#272948
```
#272948 rgb(39,41,72)
```
#303258
```
#303258 rgb(48,50,88)
```
#393b69
```
#393b69 rgb(57,59,105)
```
#424579
```
#424579 rgb(66,69,121)
```
#4b4e8a
```
#4b4e8a rgb(75,78,138)
```

Monochromatic Color

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

#303c58
```
#303c58 rgb(48,60,88)
```
#303958
```
#303958 rgb(48,57,88)
```
#303558
```
#303558 rgb(48,53,88)
```
#303258
```
#303258 rgb(48,50,88)
```
#313058
```
#313058 rgb(49,48,88)
```
#353058
```
#353058 rgb(53,48,88)
```
#383058
```
#383058 rgb(56,48,88)
```

Similar Colors

Text with hexadecimal color #303258

This text has a font color of #303258.

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

#303258 background color

This paragraph has a background color of #303258.

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

#303258 border color

This element has a border color of #303258.

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

CSS codes

.text {color:#303258;}

.background {background-color:#303258;}

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

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, #06070c is the darkest color, while #fefeff is the lightest one.

#06070c
```
#06070c rgb(6,7,12)
```
#0d0e19
```
#0d0e19 rgb(13,14,25)
```
#141525
```
#141525 rgb(20,21,37)
```
#1b1c32
```
#1b1c32 rgb(27,28,50)
```
#22243f
```
#22243f rgb(34,36,63)
```
#292b4b
```
#292b4b rgb(41,43,75)
```
#303258
```
#303258 rgb(48,50,88)
```
#373965
```
#373965 rgb(55,57,101)
```
#3e4071
```
#3e4071 rgb(62,64,113)
```
#45487e
```
#45487e rgb(69,72,126)
```
#4c4f8b
```
#4c4f8b rgb(76,79,139)
```
#535697
```
#535697 rgb(83,86,151)
```
#5a5da4
```
#5a5da4 rgb(90,93,164)
```

Shade Color Variation

#6669ab
```
#6669ab rgb(102,105,171)
```
#7376b2
```
#7376b2 rgb(115,118,178)
```
#7f82b9
```
#7f82b9 rgb(127,130,185)
```
#8c8fc0
```
#8c8fc0 rgb(140,143,192)
```
#999bc7
```
#999bc7 rgb(153,155,199)
```
#a5a7ce
```
#a5a7ce rgb(165,167,206)
```
#b2b4d5
```
#b2b4d5 rgb(178,180,213)
```
#bfc0dc
```
#bfc0dc rgb(191,192,220)
```
#cbcde3
```
#cbcde3 rgb(203,205,227)
```
#d8d9ea
```
#d8d9ea rgb(216,217,234)
```
#e5e5f1
```
#e5e5f1 rgb(229,229,241)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#404048
```
#404048 rgb(64,64,72)
```
#3a3b4e
```
#3a3b4e rgb(58,59,78)
```
#353753
```
#353753 rgb(53,55,83)
```
#303258
```
#303258 rgb(48,50,88)
```
#2b2d5d
```
#2b2d5d rgb(43,45,93)
```
#262962
```
#262962 rgb(38,41,98)
```
#202468
```
#202468 rgb(32,36,104)
```
#1b1f6d
```
#1b1f6d rgb(27,31,109)
```
#161a72
```
#161a72 rgb(22,26,114)
```
#111677
```
#111677 rgb(17,22,119)
```
#0b117d
```
#0b117d rgb(11,17,125)
```
#060c82
```
#060c82 rgb(6,12,130)
```
#010887
```
#010887 rgb(1,8,135)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#35353d Atypical Achromatopsia 0.001% of the population

Dichromacy

#313e62 Protanopia 1% of men
#2d3f5f Deuteranopia 1% of men
#324247 Tritanopia 0.001% of the population

Trichromacy

#303a5e Protanomaly 1% of men, 0.01% of women
#2e3a5c Deuteranomaly 6% of men, 0.4% of women
#313c4d Tritanomaly 0.01% of the population

#303258 hex color

#303258 Color Information

#303258 Color Conversion

Color Schemes with #303258

Alternatives to #303258

#303258 Preview

Shades and Tints of #303258

Tones of #303258

Color Blindness Simulator