#424caf hex color

In a RGB color space, hex #424caf is composed of 25.9% red, 29.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 56.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 234.5 degrees, a saturation of 45.2% and a lightness of 47.3%. #424caf color hex could be obtained by blending #8498ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 26
- G 30
- B 69
RGB color chart
- C 62
- M 57
- Y 0
- K 31
CMYK color chart

● #424caf color description : Dark moderate blue.

The hexadecimal color #424caf has RGB values of R:66, G:76, B:175 and CMYK values of C:0.62, M:0.57, Y:0, K:0.31. Its decimal value is 4345007.

Hex triplet	424caf	`#424caf`
RGB Decimal	66, 76, 175	`rgb(66,76,175)`
RGB Percent	25.9, 29.8, 68.6	`rgb(25.9%,29.8%,68.6%)`
CMYK	62, 57, 0, 31
HSL	234.5°, 45.2, 47.3	`hsl(234.5,45.2%,47.3%)`
HSV (or HSB)	234.5°, 62.3, 68.6
Web Safe	333399	`#333399`

CIE-LAB	36.784, 27.21, -54.248
XYZ	12.568, 9.422, 41.711
xyY	0.197, 0.148, 9.422
CIE-LCH	36.784, 60.689, 296.638
CIE-LUV	36.784, -8.453, -78.634
Hunter-Lab	30.695, 19.368, -59.083
Binary	01000010, 01001100, 10101111

#424caf
```
#424caf rgb(66,76,175)
```
#afa542
```
#afa542 rgb(175,165,66)
```

Complementary Color

#4283af
```
#4283af rgb(66,131,175)
```
#424caf
```
#424caf rgb(66,76,175)
```
#6f42af
```
#6f42af rgb(111,66,175)
```

Analogous Color

#83af42
```
#83af42 rgb(131,175,66)
```
#424caf
```
#424caf rgb(66,76,175)
```
#af6f42
```
#af6f42 rgb(175,111,66)
```

Split Complementary Color

#4caf42
```
#4caf42 rgb(76,175,66)
```
#424caf
```
#424caf rgb(66,76,175)
```
#af424c
```
#af424c rgb(175,66,76)
```

Triadic Color

#42afa5
```
#42afa5 rgb(66,175,165)
```
#424caf
```
#424caf rgb(66,76,175)
```
#af424c
```
#af424c rgb(175,66,76)
```
#afa542
```
#afa542 rgb(175,165,66)
```

Tetradic Color

#2d3477
```
#2d3477 rgb(45,52,119)
```
#343c8a
```
#343c8a rgb(52,60,138)
```
#3b449c
```
#3b449c rgb(59,68,156)
```
#424caf
```
#424caf rgb(66,76,175)
```
#4e58bc
```
#4e58bc rgb(78,88,188)
```
#616ac3
```
#616ac3 rgb(97,106,195)
```
#737bca
```
#737bca rgb(115,123,202)
```

Monochromatic Color

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

#4267af
```
#4267af rgb(66,103,175)
```
#425eaf
```
#425eaf rgb(66,94,175)
```
#4255af
```
#4255af rgb(66,85,175)
```
#424caf
```
#424caf rgb(66,76,175)
```
#4243af
```
#4243af rgb(66,67,175)
```
#4a42af
```
#4a42af rgb(74,66,175)
```
#5342af
```
#5342af rgb(83,66,175)
```

Similar Colors

Text with hexadecimal color #424caf

This text has a font color of #424caf.

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

#424caf background color

This paragraph has a background color of #424caf.

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

#424caf border color

This element has a border color of #424caf.

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

CSS codes

.text {color:#424caf;}

.background {background-color:#424caf;}

.border {border:1px solid #424caf;}

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

#020204
```
#020204 rgb(2,2,4)
```
#070812
```
#070812 rgb(7,8,18)
```
#0c0e21
```
#0c0e21 rgb(12,14,33)
```
#12142f
```
#12142f rgb(18,20,47)
```
#171b3d
```
#171b3d rgb(23,27,61)
```
#1c214b
```
#1c214b rgb(28,33,75)
```
#22275a
```
#22275a rgb(34,39,90)
```
#272d68
```
#272d68 rgb(39,45,104)
```
#2d3376
```
#2d3376 rgb(45,51,118)
```
#323984
```
#323984 rgb(50,57,132)
```
#374093
```
#374093 rgb(55,64,147)
```
#3d46a1
```
#3d46a1 rgb(61,70,161)
```
#424caf
```
#424caf rgb(66,76,175)
```

Shade Color Variation

#4a54bb
```
#4a54bb rgb(74,84,187)
```
#5862c0
```
#5862c0 rgb(88,98,192)
```
#666fc5
```
#666fc5 rgb(102,111,197)
```
#757dcb
```
#757dcb rgb(117,125,203)
```
#838ad0
```
#838ad0 rgb(131,138,208)
```
#9197d6
```
#9197d6 rgb(145,151,214)
```
#9fa5db
```
#9fa5db rgb(159,165,219)
```
#aeb2e0
```
#aeb2e0 rgb(174,178,224)
```
#bcc0e6
```
#bcc0e6 rgb(188,192,230)
```
#cacdeb
```
#cacdeb rgb(202,205,235)
```
#d8dbf0
```
#d8dbf0 rgb(216,219,240)
```
#e7e8f6
```
#e7e8f6 rgb(231,232,246)
```
#f5f5fb
```
#f5f5fb rgb(245,245,251)
```

Tint Color Variation

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

#707281
```
#707281 rgb(112,114,129)
```
#676a8a
```
#676a8a rgb(103,106,138)
```
#5e6393
```
#5e6393 rgb(94,99,147)
```
#555b9c
```
#555b9c rgb(85,91,156)
```
#4b54a6
```
#4b54a6 rgb(75,84,166)
```
#424caf
```
#424caf rgb(66,76,175)
```
#3944b8
```
#3944b8 rgb(57,68,184)
```
#2f3dc2
```
#2f3dc2 rgb(47,61,194)
```
#2635cb
```
#2635cb rgb(38,53,203)
```
#1d2ed4
```
#1d2ed4 rgb(29,46,212)
```
#1426dd
```
#1426dd rgb(20,38,221)
```
#0a1fe7
```
#0a1fe7 rgb(10,31,231)
```
#0117f0
```
#0117f0 rgb(1,23,240)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#505266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00619f Deuteranopia 1% of men
#18686f Tritanopia 0.001% of the population

Trichromacy

#1856b2 Protanomaly 1% of men, 0.01% of women
#1859a5 Deuteranomaly 6% of men, 0.4% of women
#275d86 Tritanomaly 0.01% of the population

#424caf hex color

#424caf Color Information

#424caf Color Conversion

Color Schemes with #424caf

Alternatives to #424caf

#424caf Preview

Shades and Tints of #424caf

Tones of #424caf

Color Blindness Simulator