#407afb hex color

In a RGB color space, hex #407afb is composed of 25.1% red, 47.8% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 51.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 221.4 degrees, a saturation of 95.9% and a lightness of 61.8%. #407afb color hex could be obtained by blending #80f4ff with #0000f7. Closest websafe color is: #3366ff.

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

● #407afb color description : Bright blue.

The hexadecimal color #407afb has RGB values of R:64, G:122, B:251 and CMYK values of C:0.75, M:0.51, Y:0, K:0.02. Its decimal value is 4225787.

Hex triplet	407afb	`#407afb`
RGB Decimal	64, 122, 251	`rgb(64,122,251)`
RGB Percent	25.1, 47.8, 98.4	`rgb(25.1%,47.8%,98.4%)`
CMYK	75, 51, 0, 2
HSL	221.4°, 95.9, 61.8	`hsl(221.4,95.9%,61.8%)`
HSV (or HSB)	221.4°, 74.5, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.997, 24.858, -69.824
XYZ	26.483, 21.972, 94.107
xyY	0.186, 0.154, 21.972
CIE-LCH	53.997, 74.117, 289.596
CIE-LUV	53.997, -22.396, -111.312
Hunter-Lab	46.874, 18.817, -86.221
Binary	01000000, 01111010, 11111011

#407afb
```
#407afb rgb(64,122,251)
```
#fbc140
```
#fbc140 rgb(251,193,64)
```

Complementary Color

#40d8fb
```
#40d8fb rgb(64,216,251)
```
#407afb
```
#407afb rgb(64,122,251)
```
#6340fb
```
#6340fb rgb(99,64,251)
```

Analogous Color

#d8fb40
```
#d8fb40 rgb(216,251,64)
```
#407afb
```
#407afb rgb(64,122,251)
```
#fb6340
```
#fb6340 rgb(251,99,64)
```

Split Complementary Color

#7afb40
```
#7afb40 rgb(122,251,64)
```
#407afb
```
#407afb rgb(64,122,251)
```
#fb407a
```
#fb407a rgb(251,64,122)
```

Triadic Color

#40fbc1
```
#40fbc1 rgb(64,251,193)
```
#407afb
```
#407afb rgb(64,122,251)
```
#fb407a
```
#fb407a rgb(251,64,122)
```
#fbc140
```
#fbc140 rgb(251,193,64)
```

Tetradic Color

#054cea
```
#054cea rgb(5,76,234)
```
#0e57fa
```
#0e57fa rgb(14,87,250)
```
#2769fa
```
#2769fa rgb(39,105,250)
```
#407afb
```
#407afb rgb(64,122,251)
```
#598bfc
```
#598bfc rgb(89,139,252)
```
#729dfc
```
#729dfc rgb(114,157,252)
```
#8baefd
```
#8baefd rgb(139,174,253)
```

Monochromatic Color

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

#40a9fb
```
#40a9fb rgb(64,169,251)
```
#4099fb
```
#4099fb rgb(64,153,251)
```
#408afb
```
#408afb rgb(64,138,251)
```
#407afb
```
#407afb rgb(64,122,251)
```
#406afb
```
#406afb rgb(64,106,251)
```
#405bfb
```
#405bfb rgb(64,91,251)
```
#404bfb
```
#404bfb rgb(64,75,251)
```

Similar Colors

Text with hexadecimal color #407afb

This text has a font color of #407afb.

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

#407afb background color

This paragraph has a background color of #407afb.

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

#407afb border color

This element has a border color of #407afb.

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

CSS codes

.text {color:#407afb;}

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

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

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 #edf2ff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000714
```
#000714 rgb(0,7,20)
```
#010d28
```
#010d28 rgb(1,13,40)
```
#01133b
```
#01133b rgb(1,19,59)
```
#02194e
```
#02194e rgb(2,25,78)
```
#022061
```
#022061 rgb(2,32,97)
```
#022674
```
#022674 rgb(2,38,116)
```
#032c88
```
#032c88 rgb(3,44,136)
```
#03329b
```
#03329b rgb(3,50,155)
```
#0438ae
```
#0438ae rgb(4,56,174)
```
#043fc1
```
#043fc1 rgb(4,63,193)
```
#0445d4
```
#0445d4 rgb(4,69,212)
```
#054be8
```
#054be8 rgb(5,75,232)
```

Shade Color Variation

#0652fa
```
#0652fa rgb(6,82,250)
```
#1a5ffa
```
#1a5ffa rgb(26,95,250)
```
#2d6dfb
```
#2d6dfb rgb(45,109,251)
```
#407afb
```
#407afb rgb(64,122,251)
```
#5387fb
```
#5387fb rgb(83,135,251)
```
#6695fc
```
#6695fc rgb(102,149,252)
```
#7aa2fc
```
#7aa2fc rgb(122,162,252)
```
#8db0fd
```
#8db0fd rgb(141,176,253)
```
#a0bdfd
```
#a0bdfd rgb(160,189,253)
```
#b3cafd
```
#b3cafd rgb(179,202,253)
```
#c6d8fe
```
#c6d8fe rgb(198,216,254)
```
#dae5fe
```
#dae5fe rgb(218,229,254)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```

Tint Color Variation

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

#9a9ca1
```
#9a9ca1 rgb(154,156,161)
```
#9399a9
```
#9399a9 rgb(147,153,169)
```
#8b96b0
```
#8b96b0 rgb(139,150,176)
```
#8494b8
```
#8494b8 rgb(132,148,184)
```
#7c91bf
```
#7c91bf rgb(124,145,191)
```
#758ec7
```
#758ec7 rgb(117,142,199)
```
#6d8bce
```
#6d8bce rgb(109,139,206)
```
#6688d6
```
#6688d6 rgb(102,136,214)
```
#5e85dd
```
#5e85dd rgb(94,133,221)
```
#5783e5
```
#5783e5 rgb(87,131,229)
```
#4f80ec
```
#4f80ec rgb(79,128,236)
```
#487df4
```
#487df4 rgb(72,125,244)
```
#407afb
```
#407afb rgb(64,122,251)
```

Tone Color Variation

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

#2883fd Protanopia 1% of men
#008ae3 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#3080fc Protanomaly 1% of men, 0.01% of women
#1784eb Deuteranomaly 6% of men, 0.4% of women
#178bbf Tritanomaly 0.01% of the population

#407afb hex color

#407afb Color Information

#407afb Color Conversion

Color Schemes with #407afb

Alternatives to #407afb

#407afb Preview

Shades and Tints of #407afb

Tones of #407afb

Color Blindness Simulator