#003ac0 hex color

In a RGB color space, hex #003ac0 is composed of 0% red, 22.7% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 69.8% magenta, 0% yellow and 24.7% black. It has a hue angle of 221.9 degrees, a saturation of 100% and a lightness of 37.6%. #003ac0 color hex could be obtained by blending #0074ff with #000081. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 23
- B 75
RGB color chart
- C 100
- M 70
- Y 0
- K 25
CMYK color chart

● #003ac0 color description : Strong blue.

The hexadecimal color #003ac0 has RGB values of R:0, G:58, B:192 and CMYK values of C:1, M:0.7, Y:0, K:0.25. Its decimal value is 15040.

Hex triplet	003ac0	`#003ac0`
RGB Decimal	0, 58, 192	`rgb(0,58,192)`
RGB Percent	0, 22.7, 75.3	`rgb(0%,22.7%,75.3%)`
CMYK	100, 70, 0, 25
HSL	221.9°, 100, 37.6	`hsl(221.9,100%,37.6%)`
HSV (or HSB)	221.9°, 100, 75.3
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.419, 39.458, -73.162
XYZ	11.025, 6.831, 50.604
xyY	0.161, 0.1, 6.831
CIE-LCH	31.419, 83.124, 298.339
CIE-LUV	31.419, -12.909, -96.64
Hunter-Lab	26.136, 29.562, -96.5
Binary	00000000, 00111010, 11000000

#003ac0
```
#003ac0 rgb(0,58,192)
```
#c08600
```
#c08600 rgb(192,134,0)
```

Complementary Color

#009ac0
```
#009ac0 rgb(0,154,192)
```
#003ac0
```
#003ac0 rgb(0,58,192)
```
#2600c0
```
#2600c0 rgb(38,0,192)
```

Analogous Color

#9ac000
```
#9ac000 rgb(154,192,0)
```
#003ac0
```
#003ac0 rgb(0,58,192)
```
#c02600
```
#c02600 rgb(192,38,0)
```

Split Complementary Color

#3ac000
```
#3ac000 rgb(58,192,0)
```
#003ac0
```
#003ac0 rgb(0,58,192)
```
#c0003a
```
#c0003a rgb(192,0,58)
```

Triadic Color

#00c086
```
#00c086 rgb(0,192,134)
```
#003ac0
```
#003ac0 rgb(0,58,192)
```
#c0003a
```
#c0003a rgb(192,0,58)
```
#c08600
```
#c08600 rgb(192,134,0)
```

Tetradic Color

#002374
```
#002374 rgb(0,35,116)
```
#002b8d
```
#002b8d rgb(0,43,141)
```
#0032a7
```
#0032a7 rgb(0,50,167)
```
#003ac0
```
#003ac0 rgb(0,58,192)
```
#0042da
```
#0042da rgb(0,66,218)
```
#0049f3
```
#0049f3 rgb(0,73,243)
```
#0e56ff
```
#0e56ff rgb(14,86,255)
```

Monochromatic Color

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

#006ac0
```
#006ac0 rgb(0,106,192)
```
#005ac0
```
#005ac0 rgb(0,90,192)
```
#004ac0
```
#004ac0 rgb(0,74,192)
```
#003ac0
```
#003ac0 rgb(0,58,192)
```
#002ac0
```
#002ac0 rgb(0,42,192)
```
#001ac0
```
#001ac0 rgb(0,26,192)
```
#000ac0
```
#000ac0 rgb(0,10,192)
```

Similar Colors

Text with hexadecimal color #003ac0

This text has a font color of #003ac0.

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

#003ac0 background color

This paragraph has a background color of #003ac0.

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

#003ac0 border color

This element has a border color of #003ac0.

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

CSS codes

.text {color:#003ac0;}

.background {background-color:#003ac0;}

.border {border:1px solid #003ac0;}

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, #00050f is the darkest color, while #fbfcff is the lightest one.

#00050f
```
#00050f rgb(0,5,15)
```
#000b23
```
#000b23 rgb(0,11,35)
```
#001137
```
#001137 rgb(0,17,55)
```
#00164a
```
#00164a rgb(0,22,74)
```
#001c5e
```
#001c5e rgb(0,28,94)
```
#002272
```
#002272 rgb(0,34,114)
```
#002885
```
#002885 rgb(0,40,133)
```
#002e99
```
#002e99 rgb(0,46,153)
```
#0034ac
```
#0034ac rgb(0,52,172)
```
#003ac0
```
#003ac0 rgb(0,58,192)
```
#0040d4
```
#0040d4 rgb(0,64,212)
```
#0046e7
```
#0046e7 rgb(0,70,231)
```
#004cfb
```
#004cfb rgb(0,76,251)
```

Shade Color Variation

#0f58ff
```
#0f58ff rgb(15,88,255)
```
#2366ff
```
#2366ff rgb(35,102,255)
```
#3773ff
```
#3773ff rgb(55,115,255)
```
#4a81ff
```
#4a81ff rgb(74,129,255)
```
#5e8fff
```
#5e8fff rgb(94,143,255)
```
#729cff
```
#729cff rgb(114,156,255)
```
#85aaff
```
#85aaff rgb(133,170,255)
```
#99b8ff
```
#99b8ff rgb(153,184,255)
```
#acc5ff
```
#acc5ff rgb(172,197,255)
```
#c0d3ff
```
#c0d3ff rgb(192,211,255)
```
#d4e1ff
```
#d4e1ff rgb(212,225,255)
```
#e7eeff
```
#e7eeff rgb(231,238,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#595d67
```
#595d67 rgb(89,93,103)
```
#515a6f
```
#515a6f rgb(81,90,111)
```
#4a5776
```
#4a5776 rgb(74,87,118)
```
#42547e
```
#42547e rgb(66,84,126)
```
#3b5185
```
#3b5185 rgb(59,81,133)
```
#344e8c
```
#344e8c rgb(52,78,140)
```
#2c4c94
```
#2c4c94 rgb(44,76,148)
```
#25499b
```
#25499b rgb(37,73,155)
```
#1e46a2
```
#1e46a2 rgb(30,70,162)
```
#1643aa
```
#1643aa rgb(22,67,170)
```
#0f40b1
```
#0f40b1 rgb(15,64,177)
```
#073db9
```
#073db9 rgb(7,61,185)
```
#003ac0
```
#003ac0 rgb(0,58,192)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2d3853 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509d Protanopia 1% of men
#005588 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0048aa Protanomaly 1% of men, 0.01% of women
#004b9c Deuteranomaly 6% of men, 0.4% of women
#004f82 Tritanomaly 0.01% of the population

#003ac0 hex color

#003ac0 Color Information

#003ac0 Color Conversion

Color Schemes with #003ac0

Alternatives to #003ac0

#003ac0 Preview

Shades and Tints of #003ac0

Tones of #003ac0

Color Blindness Simulator