#407af9 hex color

In a RGB color space, hex #407af9 is composed of 25.1% red, 47.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 51% magenta, 0% yellow and 2.4% black. It has a hue angle of 221.2 degrees, a saturation of 93.9% and a lightness of 61.4%. #407af9 color hex could be obtained by blending #80f4ff with #0000f3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 48
- B 98
RGB color chart
- C 74
- M 51
- Y 0
- K 2
CMYK color chart

● #407af9 color description : Bright blue.

The hexadecimal color #407af9 has RGB values of R:64, G:122, B:249 and CMYK values of C:0.74, M:0.51, Y:0, K:0.02. Its decimal value is 4225785.

Hex triplet	407af9	`#407af9`
RGB Decimal	64, 122, 249	`rgb(64,122,249)`
RGB Percent	25.1, 47.8, 97.6	`rgb(25.1%,47.8%,97.6%)`
CMYK	74, 51, 0, 2
HSL	221.2°, 93.9, 61.4	`hsl(221.2,93.9%,61.4%)`
HSV (or HSB)	221.2°, 74.3, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.864, 24.139, -68.933
XYZ	26.169, 21.847, 92.455
xyY	0.186, 0.156, 21.847
CIE-LCH	53.864, 73.038, 289.299
CIE-LUV	53.864, -22.416, -109.832
Hunter-Lab	46.74, 18.143, -84.56
Binary	01000000, 01111010, 11111001

#407af9
```
#407af9 rgb(64,122,249)
```
#f9bf40
```
#f9bf40 rgb(249,191,64)
```

Complementary Color

#40d7f9
```
#40d7f9 rgb(64,215,249)
```
#407af9
```
#407af9 rgb(64,122,249)
```
#6240f9
```
#6240f9 rgb(98,64,249)
```

Analogous Color

#d7f940
```
#d7f940 rgb(215,249,64)
```
#407af9
```
#407af9 rgb(64,122,249)
```
#f96240
```
#f96240 rgb(249,98,64)
```

Split Complementary Color

#7af940
```
#7af940 rgb(122,249,64)
```
#407af9
```
#407af9 rgb(64,122,249)
```
#f9407a
```
#f9407a rgb(249,64,122)
```

Triadic Color

#40f9bf
```
#40f9bf rgb(64,249,191)
```
#407af9
```
#407af9 rgb(64,122,249)
```
#f9407a
```
#f9407a rgb(249,64,122)
```
#f9bf40
```
#f9bf40 rgb(249,191,64)
```

Tetradic Color

#074de5
```
#074de5 rgb(7,77,229)
```
#0f58f7
```
#0f58f7 rgb(15,88,247)
```
#2769f8
```
#2769f8 rgb(39,105,248)
```
#407af9
```
#407af9 rgb(64,122,249)
```
#598bfa
```
#598bfa rgb(89,139,250)
```
#719cfb
```
#719cfb rgb(113,156,251)
```
#8aaefb
```
#8aaefb rgb(138,174,251)
```

Monochromatic Color

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

#40a8f9
```
#40a8f9 rgb(64,168,249)
```
#4099f9
```
#4099f9 rgb(64,153,249)
```
#4089f9
```
#4089f9 rgb(64,137,249)
```
#407af9
```
#407af9 rgb(64,122,249)
```
#406bf9
```
#406bf9 rgb(64,107,249)
```
#405bf9
```
#405bf9 rgb(64,91,249)
```
#404cf9
```
#404cf9 rgb(64,76,249)
```

Similar Colors

Text with hexadecimal color #407af9

This text has a font color of #407af9.

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

#407af9 background color

This paragraph has a background color of #407af9.

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

#407af9 border color

This element has a border color of #407af9.

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

CSS codes

.text {color:#407af9;}

.background {background-color:#407af9;}

.border {border:1px solid #407af9;}

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

#010612
```
#010612 rgb(1,6,18)
```
#010c25
```
#010c25 rgb(1,12,37)
```
#021338
```
#021338 rgb(2,19,56)
```
#02194b
```
#02194b rgb(2,25,75)
```
#03205e
```
#03205e rgb(3,32,94)
```
#042671
```
#042671 rgb(4,38,113)
```
#042c84
```
#042c84 rgb(4,44,132)
```
#053397
```
#053397 rgb(5,51,151)
```
#0539aa
```
#0539aa rgb(5,57,170)
```
#063fbd
```
#063fbd rgb(6,63,189)
```
#0746d0
```
#0746d0 rgb(7,70,208)
```
#074ce3
```
#074ce3 rgb(7,76,227)
```
#0853f6
```
#0853f6 rgb(8,83,246)
```

Shade Color Variation

#1a60f8
```
#1a60f8 rgb(26,96,248)
```
#2d6df8
```
#2d6df8 rgb(45,109,248)
```
#407af9
```
#407af9 rgb(64,122,249)
```
#5387fa
```
#5387fa rgb(83,135,250)
```
#6694fa
```
#6694fa rgb(102,148,250)
```
#79a2fb
```
#79a2fb rgb(121,162,251)
```
#8caffb
```
#8caffb rgb(140,175,251)
```
#9fbcfc
```
#9fbcfc rgb(159,188,252)
```
#b2c9fd
```
#b2c9fd rgb(178,201,253)
```
#c5d7fd
```
#c5d7fd rgb(197,215,253)
```
#d8e4fe
```
#d8e4fe rgb(216,228,254)
```
#ebf1fe
```
#ebf1fe rgb(235,241,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9b9c9e
```
#9b9c9e rgb(155,156,158)
```
#9399a6
```
#9399a6 rgb(147,153,166)
```
#8c96ad
```
#8c96ad rgb(140,150,173)
```
#8493b5
```
#8493b5 rgb(132,147,181)
```
#7d91bc
```
#7d91bc rgb(125,145,188)
```
#758ec4
```
#758ec4 rgb(117,142,196)
```
#6d8bcc
```
#6d8bcc rgb(109,139,204)
```
#6688d3
```
#6688d3 rgb(102,136,211)
```
#5e85db
```
#5e85db rgb(94,133,219)
```
#5782e2
```
#5782e2 rgb(87,130,226)
```
#4f80ea
```
#4f80ea rgb(79,128,234)
```
#487df1
```
#487df1 rgb(72,125,241)
```
#407af9
```
#407af9 rgb(64,122,249)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6c7891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d83fb Protanopia 1% of men
#008ae2 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#347ffa Protanomaly 1% of men, 0.01% of women
#1784ea Deuteranomaly 6% of men, 0.4% of women
#178abe Tritanomaly 0.01% of the population

#407af9 hex color

#407af9 Color Information

#407af9 Color Conversion

Color Schemes with #407af9

Alternatives to #407af9

#407af9 Preview

Shades and Tints of #407af9

Tones of #407af9

Color Blindness Simulator