#306274 hex color

In a RGB color space, hex #306274 is composed of 18.8% red, 38.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 15.5% magenta, 0% yellow and 54.5% black. It has a hue angle of 195.9 degrees, a saturation of 41.5% and a lightness of 32.2%. #306274 color hex could be obtained by blending #60c4e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 38
- B 45
RGB color chart
- C 59
- M 16
- Y 0
- K 55
CMYK color chart

● #306274 color description : Dark moderate blue.

The hexadecimal color #306274 has RGB values of R:48, G:98, B:116 and CMYK values of C:0.59, M:0.16, Y:0, K:0.55. Its decimal value is 3170932.

Hex triplet	306274	`#306274`
RGB Decimal	48, 98, 116	`rgb(48,98,116)`
RGB Percent	18.8, 38.4, 45.5	`rgb(18.8%,38.4%,45.5%)`
CMYK	59, 16, 0, 55
HSL	195.9°, 41.5, 32.2	`hsl(195.9,41.5%,32.2%)`
HSV (or HSB)	195.9°, 58.6, 45.5
Web Safe	336666	`#336666`

CIE-LAB	38.94, -11.145, -15.269
XYZ	8.738, 10.624, 18.112
xyY	0.233, 0.284, 10.624
CIE-LCH	38.94, 18.904, 233.874
CIE-LUV	38.94, -20.605, -19.476
Hunter-Lab	32.595, -9.187, -10.13
Binary	00110000, 01100010, 01110100

#306274
```
#306274 rgb(48,98,116)
```
#744230
```
#744230 rgb(116,66,48)
```

Complementary Color

#307464
```
#307464 rgb(48,116,100)
```
#306274
```
#306274 rgb(48,98,116)
```
#304074
```
#304074 rgb(48,64,116)
```

Analogous Color

#746430
```
#746430 rgb(116,100,48)
```
#306274
```
#306274 rgb(48,98,116)
```
#743040
```
#743040 rgb(116,48,64)
```

Split Complementary Color

#627430
```
#627430 rgb(98,116,48)
```
#306274
```
#306274 rgb(48,98,116)
```
#743062
```
#743062 rgb(116,48,98)
```

Triadic Color

#307442
```
#307442 rgb(48,116,66)
```
#306274
```
#306274 rgb(48,98,116)
```
#743062
```
#743062 rgb(116,48,98)
```
#744230
```
#744230 rgb(116,66,48)
```

Tetradic Color

#1a343e
```
#1a343e rgb(26,52,62)
```
#214450
```
#214450 rgb(33,68,80)
```
#295362
```
#295362 rgb(41,83,98)
```
#306274
```
#306274 rgb(48,98,116)
```
#377186
```
#377186 rgb(55,113,134)
```
#3f8098
```
#3f8098 rgb(63,128,152)
```
#4690aa
```
#4690aa rgb(70,144,170)
```

Monochromatic Color

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

#307374
```
#307374 rgb(48,115,116)
```
#306d74
```
#306d74 rgb(48,109,116)
```
#306874
```
#306874 rgb(48,104,116)
```
#306274
```
#306274 rgb(48,98,116)
```
#305c74
```
#305c74 rgb(48,92,116)
```
#305774
```
#305774 rgb(48,87,116)
```
#305174
```
#305174 rgb(48,81,116)
```

Similar Colors

Text with hexadecimal color #306274

This text has a font color of #306274.

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

#306274 background color

This paragraph has a background color of #306274.

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

#306274 border color

This element has a border color of #306274.

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

CSS codes

.text {color:#306274;}

.background {background-color:#306274;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081013
```
#081013 rgb(8,16,19)
```
#0e1c21
```
#0e1c21 rgb(14,28,33)
```
#13272f
```
#13272f rgb(19,39,47)
```
#19333d
```
#19333d rgb(25,51,61)
```
#1f3f4a
```
#1f3f4a rgb(31,63,74)
```
#254b58
```
#254b58 rgb(37,75,88)
```
#2a5666
```
#2a5666 rgb(42,86,102)
```
#306274
```
#306274 rgb(48,98,116)
```
#366e82
```
#366e82 rgb(54,110,130)
```
#3b7990
```
#3b7990 rgb(59,121,144)
```
#41859e
```
#41859e rgb(65,133,158)
```
#4791ab
```
#4791ab rgb(71,145,171)
```

Shade Color Variation

#509bb6
```
#509bb6 rgb(80,155,182)
```
#5ea3bc
```
#5ea3bc rgb(94,163,188)
```
#6babc2
```
#6babc2 rgb(107,171,194)
```
#79b3c8
```
#79b3c8 rgb(121,179,200)
```
#87bbcd
```
#87bbcd rgb(135,187,205)
```
#95c3d3
```
#95c3d3 rgb(149,195,211)
```
#a3cbd9
```
#a3cbd9 rgb(163,203,217)
```
#b1d2df
```
#b1d2df rgb(177,210,223)
```
#bfdae4
```
#bfdae4 rgb(191,218,228)
```
#cde2ea
```
#cde2ea rgb(205,226,234)
```
#daeaf0
```
#daeaf0 rgb(218,234,240)
```
#e8f2f6
```
#e8f2f6 rgb(232,242,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#505354
```
#505354 rgb(80,83,84)
```
#49565b
```
#49565b rgb(73,86,91)
```
#435961
```
#435961 rgb(67,89,97)
```
#3d5c67
```
#3d5c67 rgb(61,92,103)
```
#365f6e
```
#365f6e rgb(54,95,110)
```
#306274
```
#306274 rgb(48,98,116)
```
#2a657a
```
#2a657a rgb(42,101,122)
```
#236881
```
#236881 rgb(35,104,129)
```
#1d6b87
```
#1d6b87 rgb(29,107,135)
```
#176e8d
```
#176e8d rgb(23,110,141)
```
#107194
```
#107194 rgb(16,113,148)
```
#0a749a
```
#0a749a rgb(10,116,154)
```
#0477a0
```
#0477a0 rgb(4,119,160)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e585b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6376 Protanopia 1% of men
#5e627e Deuteranopia 1% of men
#366b73 Tritanopia 0.001% of the population

Trichromacy

#4e6275 Protanomaly 1% of men, 0.01% of women
#4d627a Deuteranomaly 6% of men, 0.4% of women
#346873 Tritanomaly 0.01% of the population

#306274 hex color

#306274 Color Information

#306274 Color Conversion

Color Schemes with #306274

Alternatives to #306274

#306274 Preview

Shades and Tints of #306274

Tones of #306274

Color Blindness Simulator