#242af0 hex color

In a RGB color space, hex #242af0 is composed of 14.1% red, 16.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 82.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 238.2 degrees, a saturation of 87.2% and a lightness of 54.1%. #242af0 color hex could be obtained by blending #4854ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 14
- G 16
- B 94
RGB color chart
- C 85
- M 83
- Y 0
- K 6
CMYK color chart

● #242af0 color description : Vivid blue.

The hexadecimal color #242af0 has RGB values of R:36, G:42, B:240 and CMYK values of C:0.85, M:0.83, Y:0, K:0.06. Its decimal value is 2370288.

Hex triplet	242af0	`#242af0`
RGB Decimal	36, 42, 240	`rgb(36,42,240)`
RGB Percent	14.1, 16.5, 94.1	`rgb(14.1%,16.5%,94.1%)`
CMYK	85, 83, 0, 6
HSL	238.2°, 87.2, 54.1	`hsl(238.2,87.2%,54.1%)`
HSV (or HSB)	238.2°, 85, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.643, 64.967, -95.478
XYZ	17.281, 8.321, 83.129
xyY	0.159, 0.077, 8.321
CIE-LCH	34.643, 115.485, 304.233
CIE-LUV	34.643, -9.581, -124.766
Hunter-Lab	28.846, 56.451, -150.669
Binary	00100100, 00101010, 11110000

#242af0
```
#242af0 rgb(36,42,240)
```
#f0ea24
```
#f0ea24 rgb(240,234,36)
```

Complementary Color

#2490f0
```
#2490f0 rgb(36,144,240)
```
#242af0
```
#242af0 rgb(36,42,240)
```
#8424f0
```
#8424f0 rgb(132,36,240)
```

Analogous Color

#90f024
```
#90f024 rgb(144,240,36)
```
#242af0
```
#242af0 rgb(36,42,240)
```
#f08424
```
#f08424 rgb(240,132,36)
```

Split Complementary Color

#2af024
```
#2af024 rgb(42,240,36)
```
#242af0
```
#242af0 rgb(36,42,240)
```
#f0242a
```
#f0242a rgb(240,36,42)
```

Triadic Color

#24f0ea
```
#24f0ea rgb(36,240,234)
```
#242af0
```
#242af0 rgb(36,42,240)
```
#f0242a
```
#f0242a rgb(240,36,42)
```
#f0ea24
```
#f0ea24 rgb(240,234,36)
```

Tetradic Color

#0d12bb
```
#0d12bb rgb(13,18,187)
```
#0e14d3
```
#0e14d3 rgb(14,20,211)
```
#1016ea
```
#1016ea rgb(16,22,234)
```
#242af0
```
#242af0 rgb(36,42,240)
```
#3c41f2
```
#3c41f2 rgb(60,65,242)
```
#5458f3
```
#5458f3 rgb(84,88,243)
```
#6c70f5
```
#6c70f5 rgb(108,112,245)
```

Monochromatic Color

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

#245df0
```
#245df0 rgb(36,93,240)
```
#244cf0
```
#244cf0 rgb(36,76,240)
```
#243bf0
```
#243bf0 rgb(36,59,240)
```
#242af0
```
#242af0 rgb(36,42,240)
```
#2f24f0
```
#2f24f0 rgb(47,36,240)
```
#4024f0
```
#4024f0 rgb(64,36,240)
```
#5124f0
```
#5124f0 rgb(81,36,240)
```

Similar Colors

Text with hexadecimal color #242af0

This text has a font color of #242af0.

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

#242af0 background color

This paragraph has a background color of #242af0.

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

#242af0 border color

This element has a border color of #242af0.

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

CSS codes

.text {color:#242af0;}

.background {background-color:#242af0;}

.border {border:1px solid #242af0;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010214
```
#010214 rgb(1,2,20)
```
#030426
```
#030426 rgb(3,4,38)
```
#040538
```
#040538 rgb(4,5,56)
```
#05074b
```
#05074b rgb(5,7,75)
```
#06095d
```
#06095d rgb(6,9,93)
```
#080b6f
```
#080b6f rgb(8,11,111)
```
#090c82
```
#090c82 rgb(9,12,130)
```
#0a0e94
```
#0a0e94 rgb(10,14,148)
```
#0b10a7
```
#0b10a7 rgb(11,16,167)
```
#0d12b9
```
#0d12b9 rgb(13,18,185)
```
#0e13cb
```
#0e13cb rgb(14,19,203)
```
#0f15de
```
#0f15de rgb(15,21,222)
```

Shade Color Variation

#1218ef
```
#1218ef rgb(18,24,239)
```
#242af0
```
#242af0 rgb(36,42,240)
```
#363cf1
```
#363cf1 rgb(54,60,241)
```
#494ef3
```
#494ef3 rgb(73,78,243)
```
#5b60f4
```
#5b60f4 rgb(91,96,244)
```
#6d71f5
```
#6d71f5 rgb(109,113,245)
```
#8083f6
```
#8083f6 rgb(128,131,246)
```
#9295f8
```
#9295f8 rgb(146,149,248)
```
#a5a7f9
```
#a5a7f9 rgb(165,167,249)
```
#b7b9fa
```
#b7b9fa rgb(183,185,250)
```
#c9cbfb
```
#c9cbfb rgb(201,203,251)
```
#dcddfd
```
#dcddfd rgb(220,221,253)
```
#eeeefe
```
#eeeefe rgb(238,238,254)
```

Tint Color Variation

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

#87878d
```
#87878d rgb(135,135,141)
```
#7e7f96
```
#7e7f96 rgb(126,127,150)
```
#75769f
```
#75769f rgb(117,118,159)
```
#6c6ea8
```
#6c6ea8 rgb(108,110,168)
```
#6365b1
```
#6365b1 rgb(99,101,177)
```
#5a5dba
```
#5a5dba rgb(90,93,186)
```
#5154c3
```
#5154c3 rgb(81,84,195)
```
#484ccc
```
#484ccc rgb(72,76,204)
```
#3f43d5
```
#3f43d5 rgb(63,67,213)
```
#363bde
```
#363bde rgb(54,59,222)
```
#2d32e7
```
#2d32e7 rgb(45,50,231)
```
#242af0
```
#242af0 rgb(36,42,240)
```
#1b22f9
```
#1b22f9 rgb(27,34,249)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3a3b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0d47c3 Protanomaly 1% of men, 0.01% of women
#0d4ab5 Deuteranomaly 6% of men, 0.4% of women
#0d4e99 Tritanomaly 0.01% of the population

#242af0 hex color

#242af0 Color Information

#242af0 Color Conversion

Color Schemes with #242af0

Alternatives to #242af0

#242af0 Preview

Shades and Tints of #242af0

Tones of #242af0

Color Blindness Simulator