#307286 hex color

In a RGB color space, hex #307286 is composed of 18.8% red, 44.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 14.9% magenta, 0% yellow and 47.5% black. It has a hue angle of 194 degrees, a saturation of 47.3% and a lightness of 35.7%. #307286 color hex could be obtained by blending #60e4ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 45
- B 53
RGB color chart
- C 64
- M 15
- Y 0
- K 47
CMYK color chart

● #307286 color description : Dark moderate cyan.

The hexadecimal color #307286 has RGB values of R:48, G:114, B:134 and CMYK values of C:0.64, M:0.15, Y:0, K:0.47. Its decimal value is 3175046.

Hex triplet	307286	`#307286`
RGB Decimal	48, 114, 134	`rgb(48,114,134)`
RGB Percent	18.8, 44.7, 52.5	`rgb(18.8%,44.7%,52.5%)`
CMYK	64, 15, 0, 47
HSL	194°, 47.3, 35.7	`hsl(194,47.3%,35.7%)`
HSV (or HSB)	194°, 64.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	44.778, -14.4, -17.222
XYZ	11.538, 14.383, 24.721
xyY	0.228, 0.284, 14.383
CIE-LCH	44.778, 22.449, 230.099
CIE-LUV	44.778, -26.043, -22.652
Hunter-Lab	37.925, -12.064, -12.1
Binary	00110000, 01110010, 10000110

#307286
```
#307286 rgb(48,114,134)
```
#864430
```
#864430 rgb(134,68,48)
```

Complementary Color

#30866f
```
#30866f rgb(48,134,111)
```
#307286
```
#307286 rgb(48,114,134)
```
#304786
```
#304786 rgb(48,71,134)
```

Analogous Color

#866f30
```
#866f30 rgb(134,111,48)
```
#307286
```
#307286 rgb(48,114,134)
```
#863047
```
#863047 rgb(134,48,71)
```

Split Complementary Color

#728630
```
#728630 rgb(114,134,48)
```
#307286
```
#307286 rgb(48,114,134)
```
#863072
```
#863072 rgb(134,48,114)
```

Triadic Color

#308644
```
#308644 rgb(48,134,68)
```
#307286
```
#307286 rgb(48,114,134)
```
#863072
```
#863072 rgb(134,48,114)
```
#864430
```
#864430 rgb(134,68,48)
```

Tetradic Color

#1c424e
```
#1c424e rgb(28,66,78)
```
#235260
```
#235260 rgb(35,82,96)
```
#296273
```
#296273 rgb(41,98,115)
```
#307286
```
#307286 rgb(48,114,134)
```
#378299
```
#378299 rgb(55,130,153)
```
#3d92ac
```
#3d92ac rgb(61,146,172)
```
#46a1bd
```
#46a1bd rgb(70,161,189)
```

Monochromatic Color

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

#308685
```
#308685 rgb(48,134,133)
```
#308086
```
#308086 rgb(48,128,134)
```
#307986
```
#307986 rgb(48,121,134)
```
#307286
```
#307286 rgb(48,114,134)
```
#306b86
```
#306b86 rgb(48,107,134)
```
#306486
```
#306486 rgb(48,100,134)
```
#305d86
```
#305d86 rgb(48,93,134)
```

Similar Colors

Text with hexadecimal color #307286

This text has a font color of #307286.

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

#307286 background color

This paragraph has a background color of #307286.

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

#307286 border color

This element has a border color of #307286.

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

CSS codes

.text {color:#307286;}

.background {background-color:#307286;}

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

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

#010304
```
#010304 rgb(1,3,4)
```
#071012
```
#071012 rgb(7,16,18)
```
#0c1c21
```
#0c1c21 rgb(12,28,33)
```
#11282f
```
#11282f rgb(17,40,47)
```
#16353e
```
#16353e rgb(22,53,62)
```
#1b414c
```
#1b414c rgb(27,65,76)
```
#204d5b
```
#204d5b rgb(32,77,91)
```
#265969
```
#265969 rgb(38,89,105)
```
#2b6678
```
#2b6678 rgb(43,102,120)
```
#307286
```
#307286 rgb(48,114,134)
```
#357e94
```
#357e94 rgb(53,126,148)
```
#3a8ba3
```
#3a8ba3 rgb(58,139,163)
```
#4097b1
```
#4097b1 rgb(64,151,177)
```

Shade Color Variation

#47a2bd
```
#47a2bd rgb(71,162,189)
```
#56a9c2
```
#56a9c2 rgb(86,169,194)
```
#64b0c8
```
#64b0c8 rgb(100,176,200)
```
#73b8cd
```
#73b8cd rgb(115,184,205)
```
#81bfd2
```
#81bfd2 rgb(129,191,210)
```
#8fc6d7
```
#8fc6d7 rgb(143,198,215)
```
#9ecedc
```
#9ecedc rgb(158,206,220)
```
#acd5e1
```
#acd5e1 rgb(172,213,225)
```
#bbdce7
```
#bbdce7 rgb(187,220,231)
```
#c9e4ec
```
#c9e4ec rgb(201,228,236)
```
#d8ebf1
```
#d8ebf1 rgb(216,235,241)
```
#e6f2f6
```
#e6f2f6 rgb(230,242,246)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#5a5c5c
```
#5a5c5c rgb(90,92,92)
```
#535f63
```
#535f63 rgb(83,95,99)
```
#4c636a
```
#4c636a rgb(76,99,106)
```
#456771
```
#456771 rgb(69,103,113)
```
#3e6b78
```
#3e6b78 rgb(62,107,120)
```
#376e7f
```
#376e7f rgb(55,110,127)
```
#307286
```
#307286 rgb(48,114,134)
```
#29768d
```
#29768d rgb(41,118,141)
```
#227994
```
#227994 rgb(34,121,148)
```
#1b7d9b
```
#1b7d9b rgb(27,125,155)
```
#1481a2
```
#1481a2 rgb(20,129,162)
```
#0d85a9
```
#0d85a9 rgb(13,133,169)
```
#0688b0
```
#0688b0 rgb(6,136,176)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7086 Protanopia 1% of men
#6b6f8f Deuteranopia 1% of men
#357a83 Tritanopia 0.001% of the population

Trichromacy

#567186 Protanomaly 1% of men, 0.01% of women
#55708c Deuteranomaly 6% of men, 0.4% of women
#337784 Tritanomaly 0.01% of the population

#307286 hex color

#307286 Color Information

#307286 Color Conversion

Color Schemes with #307286

Alternatives to #307286

#307286 Preview

Shades and Tints of #307286

Tones of #307286

Color Blindness Simulator