#30669f hex color

In a RGB color space, hex #30669f is composed of 18.8% red, 40% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 35.8% magenta, 0% yellow and 37.6% black. It has a hue angle of 210.8 degrees, a saturation of 53.6% and a lightness of 40.6%. #30669f color hex could be obtained by blending #60ccff with #00003f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 40
- B 62
RGB color chart
- C 70
- M 36
- Y 0
- K 38
CMYK color chart

● #30669f color description : Dark moderate blue.

The hexadecimal color #30669f has RGB values of R:48, G:102, B:159 and CMYK values of C:0.7, M:0.36, Y:0, K:0.38. Its decimal value is 3171999.

Hex triplet	30669f	`#30669f`
RGB Decimal	48, 102, 159	`rgb(48,102,159)`
RGB Percent	18.8, 40, 62.4	`rgb(18.8%,40%,62.4%)`
CMYK	70, 36, 0, 38
HSL	210.8°, 53.6, 40.6	`hsl(210.8,53.6%,40.6%)`
HSV (or HSB)	210.8°, 69.8, 62.4
Web Safe	336699	`#336699`

CIE-LAB	42.206, 1.517, -36.116
XYZ	12.227, 12.633, 34.593
xyY	0.206, 0.212, 12.633
CIE-LCH	42.206, 36.148, 272.405
CIE-LUV	42.206, -20.715, -52.764
Hunter-Lab	35.544, -0.798, -32.824
Binary	00110000, 01100110, 10011111

#30669f
```
#30669f rgb(48,102,159)
```
#9f6930
```
#9f6930 rgb(159,105,48)
```

Complementary Color

#309e9f
```
#309e9f rgb(48,158,159)
```
#30669f
```
#30669f rgb(48,102,159)
```
#31309f
```
#31309f rgb(49,48,159)
```

Analogous Color

#9e9f30
```
#9e9f30 rgb(158,159,48)
```
#30669f
```
#30669f rgb(48,102,159)
```
#9f3130
```
#9f3130 rgb(159,49,48)
```

Split Complementary Color

#669f30
```
#669f30 rgb(102,159,48)
```
#30669f
```
#30669f rgb(48,102,159)
```
#9f3066
```
#9f3066 rgb(159,48,102)
```

Triadic Color

#309f69
```
#309f69 rgb(48,159,105)
```
#30669f
```
#30669f rgb(48,102,159)
```
#9f3066
```
#9f3066 rgb(159,48,102)
```
#9f6930
```
#9f6930 rgb(159,105,48)
```

Tetradic Color

#1e4064
```
#1e4064 rgb(30,64,100)
```
#244d78
```
#244d78 rgb(36,77,120)
```
#2a598b
```
#2a598b rgb(42,89,139)
```
#30669f
```
#30669f rgb(48,102,159)
```
#3673b3
```
#3673b3 rgb(54,115,179)
```
#3d7fc5
```
#3d7fc5 rgb(61,127,197)
```
#518cca
```
#518cca rgb(81,140,202)
```

Monochromatic Color

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

#30829f
```
#30829f rgb(48,130,159)
```
#30799f
```
#30799f rgb(48,121,159)
```
#306f9f
```
#306f9f rgb(48,111,159)
```
#30669f
```
#30669f rgb(48,102,159)
```
#305d9f
```
#305d9f rgb(48,93,159)
```
#30549f
```
#30549f rgb(48,84,159)
```
#304a9f
```
#304a9f rgb(48,74,159)
```

Similar Colors

Text with hexadecimal color #30669f

This text has a font color of #30669f.

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

#30669f background color

This paragraph has a background color of #30669f.

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

#30669f border color

This element has a border color of #30669f.

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

CSS codes

.text {color:#30669f;}

.background {background-color:#30669f;}

.border {border:1px solid #30669f;}

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

#030508
```
#030508 rgb(3,5,8)
```
#070f17
```
#070f17 rgb(7,15,23)
```
#0c1926
```
#0c1926 rgb(12,25,38)
```
#102236
```
#102236 rgb(16,34,54)
```
#152c45
```
#152c45 rgb(21,44,69)
```
#193654
```
#193654 rgb(25,54,84)
```
#1e3f63
```
#1e3f63 rgb(30,63,99)
```
#224972
```
#224972 rgb(34,73,114)
```
#275381
```
#275381 rgb(39,83,129)
```
#2b5c90
```
#2b5c90 rgb(43,92,144)
```
#30669f
```
#30669f rgb(48,102,159)
```
#3570ae
```
#3570ae rgb(53,112,174)
```
#3979bd
```
#3979bd rgb(57,121,189)
```

Shade Color Variation

#4383c6
```
#4383c6 rgb(67,131,198)
```
#538dcb
```
#538dcb rgb(83,141,203)
```
#6297cf
```
#6297cf rgb(98,151,207)
```
#71a1d4
```
#71a1d4 rgb(113,161,212)
```
#80abd9
```
#80abd9 rgb(128,171,217)
```
#8fb5dd
```
#8fb5dd rgb(143,181,221)
```
#9ebfe2
```
#9ebfe2 rgb(158,191,226)
```
#adc9e6
```
#adc9e6 rgb(173,201,230)
```
#bcd3eb
```
#bcd3eb rgb(188,211,235)
```
#cbddef
```
#cbddef rgb(203,221,239)
```
#dae7f4
```
#dae7f4 rgb(218,231,244)
```
#e9f1f8
```
#e9f1f8 rgb(233,241,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#60676f
```
#60676f rgb(96,103,111)
```
#586777
```
#586777 rgb(88,103,119)
```
#50677f
```
#50677f rgb(80,103,127)
```
#486787
```
#486787 rgb(72,103,135)
```
#40668f
```
#40668f rgb(64,102,143)
```
#386697
```
#386697 rgb(56,102,151)
```
#30669f
```
#30669f rgb(48,102,159)
```
#2866a7
```
#2866a7 rgb(40,102,167)
```
#2066af
```
#2066af rgb(32,102,175)
```
#1865b7
```
#1865b7 rgb(24,101,183)
```
#1065bf
```
#1065bf rgb(16,101,191)
```
#0865c7
```
#0865c7 rgb(8,101,199)
```
#0065cf
```
#0065cf rgb(0,101,207)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5569a0 Protanopia 1% of men
#476ba4 Deuteranopia 1% of men
#10767e Tritanopia 0.001% of the population

Trichromacy

#4868a0 Protanomaly 1% of men, 0.01% of women
#3f69a2 Deuteranomaly 6% of men, 0.4% of women
#1b708a Tritanomaly 0.01% of the population

#30669f hex color

#30669f Color Information

#30669f Color Conversion

Color Schemes with #30669f

Alternatives to #30669f

#30669f Preview

Shades and Tints of #30669f

Tones of #30669f

Color Blindness Simulator