#046484 hex color

In a RGB color space, hex #046484 is composed of 1.6% red, 39.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 97% cyan, 24.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 195 degrees, a saturation of 94.1% and a lightness of 26.7%. #046484 color hex could be obtained by blending #08c8ff with #000009. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 39
- B 52
RGB color chart
- C 97
- M 24
- Y 0
- K 48
CMYK color chart

● #046484 color description : Dark blue.

The hexadecimal color #046484 has RGB values of R:4, G:100, B:132 and CMYK values of C:0.97, M:0.24, Y:0, K:0.48. Its decimal value is 287876.

Hex triplet	046484	`#046484`
RGB Decimal	4, 100, 132	`rgb(4,100,132)`
RGB Percent	1.6, 39.2, 51.8	`rgb(1.6%,39.2%,51.8%)`
CMYK	97, 24, 0, 48
HSL	195°, 94.1, 26.7	`hsl(195,94.1%,26.7%)`
HSV (or HSB)	195°, 97, 51.8
Web Safe	006699	`#006699`

CIE-LAB	39.25, -12.201, -24.627
XYZ	8.771, 10.805, 23.452
xyY	0.204, 0.251, 10.805
CIE-LCH	39.25, 27.484, 243.644
CIE-LUV	39.25, -26.731, -33.251
Hunter-Lab	32.871, -9.896, -19.29
Binary	00000100, 01100100, 10000100

#046484
```
#046484 rgb(4,100,132)
```
#842404
```
#842404 rgb(132,36,4)
```

Complementary Color

#048464
```
#048464 rgb(4,132,100)
```
#046484
```
#046484 rgb(4,100,132)
```
#042484
```
#042484 rgb(4,36,132)
```

Analogous Color

#846404
```
#846404 rgb(132,100,4)
```
#046484
```
#046484 rgb(4,100,132)
```
#840424
```
#840424 rgb(132,4,36)
```

Split Complementary Color

#648404
```
#648404 rgb(100,132,4)
```
#046484
```
#046484 rgb(4,100,132)
```
#840464
```
#840464 rgb(132,4,100)
```

Triadic Color

#048424
```
#048424 rgb(4,132,36)
```
#046484
```
#046484 rgb(4,100,132)
```
#840464
```
#840464 rgb(132,4,100)
```
#842404
```
#842404 rgb(132,36,4)
```

Tetradic Color

#022c3a
```
#022c3a rgb(2,44,58)
```
#033f53
```
#033f53 rgb(3,63,83)
```
#03516b
```
#03516b rgb(3,81,107)
```
#046484
```
#046484 rgb(4,100,132)
```
#05779d
```
#05779d rgb(5,119,157)
```
#068ab6
```
#068ab6 rgb(6,138,182)
```
#069cce
```
#069cce rgb(6,156,206)
```

Monochromatic Color

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

#048484
```
#048484 rgb(4,132,132)
```
#047984
```
#047984 rgb(4,121,132)
```
#046f84
```
#046f84 rgb(4,111,132)
```
#046484
```
#046484 rgb(4,100,132)
```
#045984
```
#045984 rgb(4,89,132)
```
#044f84
```
#044f84 rgb(4,79,132)
```
#044484
```
#044484 rgb(4,68,132)
```

Similar Colors

Text with hexadecimal color #046484

This text has a font color of #046484.

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

#046484 background color

This paragraph has a background color of #046484.

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

#046484 border color

This element has a border color of #046484.

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

CSS codes

.text {color:#046484;}

.background {background-color:#046484;}

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

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, #010d12 is the darkest color, while #feffff is the lightest one.

#010d12
```
#010d12 rgb(1,13,18)
```
#011c25
```
#011c25 rgb(1,28,37)
```
#022a38
```
#022a38 rgb(2,42,56)
```
#02394b
```
#02394b rgb(2,57,75)
```
#03475e
```
#03475e rgb(3,71,94)
```
#035671
```
#035671 rgb(3,86,113)
```
#046484
```
#046484 rgb(4,100,132)
```
#057297
```
#057297 rgb(5,114,151)
```
#0581aa
```
#0581aa rgb(5,129,170)
```
#068fbd
```
#068fbd rgb(6,143,189)
```
#069ed0
```
#069ed0 rgb(6,158,208)
```
#07ace3
```
#07ace3 rgb(7,172,227)
```
#07bbf6
```
#07bbf6 rgb(7,187,246)
```

Shade Color Variation

#19c0f8
```
#19c0f8 rgb(25,192,248)
```
#2cc6f9
```
#2cc6f9 rgb(44,198,249)
```
#3fcbf9
```
#3fcbf9 rgb(63,203,249)
```
#52d0fa
```
#52d0fa rgb(82,208,250)
```
#65d5fa
```
#65d5fa rgb(101,213,250)
```
#78dafb
```
#78dafb rgb(120,218,251)
```
#8ce0fc
```
#8ce0fc rgb(140,224,252)
```
#9fe5fc
```
#9fe5fc rgb(159,229,252)
```
#b2eafd
```
#b2eafd rgb(178,234,253)
```
#c5effd
```
#c5effd rgb(197,239,253)
```
#d8f4fe
```
#d8f4fe rgb(216,244,254)
```
#ebf9fe
```
#ebf9fe rgb(235,249,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#434545
```
#434545 rgb(67,69,69)
```
#3e474a
```
#3e474a rgb(62,71,74)
```
#384a50
```
#384a50 rgb(56,74,80)
```
#334c55
```
#334c55 rgb(51,76,85)
```
#2e4f5a
```
#2e4f5a rgb(46,79,90)
```
#29525f
```
#29525f rgb(41,82,95)
```
#235465
```
#235465 rgb(35,84,101)
```
#1e576a
```
#1e576a rgb(30,87,106)
```
#195a6f
```
#195a6f rgb(25,90,111)
```
#145c74
```
#145c74 rgb(20,92,116)
```
#0e5f7a
```
#0e5f7a rgb(14,95,122)
```
#09617f
```
#09617f rgb(9,97,127)
```
#046484
```
#046484 rgb(4,100,132)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d5056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6384 Protanopia 1% of men
#53648d Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#3b6384 Protanomaly 1% of men, 0.01% of women
#36648a Deuteranomaly 6% of men, 0.4% of women
#016a7b Tritanomaly 0.01% of the population

#046484 hex color

#046484 Color Information

#046484 Color Conversion

Color Schemes with #046484

Alternatives to #046484

#046484 Preview

Shades and Tints of #046484

Tones of #046484

Color Blindness Simulator