#3f7fff hex color

In a RGB color space, hex #3f7fff is composed of 24.7% red, 49.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 50.2% magenta, 0% yellow and 0% black. It has a hue angle of 220 degrees, a saturation of 100% and a lightness of 62.4%. #3f7fff color hex could be obtained by blending #7efeff with #0000ff. Closest websafe color is: #3366ff.

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

● #3f7fff color description : Light blue.

The hexadecimal color #3f7fff has RGB values of R:63, G:127, B:255 and CMYK values of C:0.75, M:0.5, Y:0, K:0. Its decimal value is 4161535.

Hex triplet	3f7fff	`#3f7fff`
RGB Decimal	63, 127, 255	`rgb(63,127,255)`
RGB Percent	24.7, 49.8, 100	`rgb(24.7%,49.8%,100%)`
CMYK	75, 50, 0, 0
HSL	220°, 100, 62.4	`hsl(220,100%,62.4%)`
HSV (or HSB)	220°, 75.3, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	55.536, 23.095, -69.546
XYZ	27.685, 23.453, 97.67
xyY	0.186, 0.158, 23.453
CIE-LCH	55.536, 73.28, 288.371
CIE-LUV	55.536, -23.946, -111.516
Hunter-Lab	48.429, 17.293, -85.675
Binary	00111111, 01111111, 11111111

#3f7fff
```
#3f7fff rgb(63,127,255)
```
#ffbf3f
```
#ffbf3f rgb(255,191,63)
```

Complementary Color

#3fdfff
```
#3fdfff rgb(63,223,255)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```
#5f3fff
```
#5f3fff rgb(95,63,255)
```

Analogous Color

#dfff3f
```
#dfff3f rgb(223,255,63)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```
#ff5f3f
```
#ff5f3f rgb(255,95,63)
```

Split Complementary Color

#7fff3f
```
#7fff3f rgb(127,255,63)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```
#ff3f7f
```
#ff3f7f rgb(255,63,127)
```

Triadic Color

#3fffbf
```
#3fffbf rgb(63,255,191)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```
#ff3f7f
```
#ff3f7f rgb(255,63,127)
```
#ffbf3f
```
#ffbf3f rgb(255,191,63)
```

Tetradic Color

#0051f2
```
#0051f2 rgb(0,81,242)
```
#0c5dff
```
#0c5dff rgb(12,93,255)
```
#266eff
```
#266eff rgb(38,110,255)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```
#5990ff
```
#5990ff rgb(89,144,255)
```
#72a1ff
```
#72a1ff rgb(114,161,255)
```
#8cb2ff
```
#8cb2ff rgb(140,178,255)
```

Monochromatic Color

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

#3fafff
```
#3fafff rgb(63,175,255)
```
#3f9fff
```
#3f9fff rgb(63,159,255)
```
#3f8fff
```
#3f8fff rgb(63,143,255)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```
#3f6fff
```
#3f6fff rgb(63,111,255)
```
#3f5fff
```
#3f5fff rgb(63,95,255)
```
#3f4fff
```
#3f4fff rgb(63,79,255)
```

Similar Colors

Text with hexadecimal color #3f7fff

This text has a font color of #3f7fff.

<span style="color:#3f7fff;">Text here</span>

#3f7fff background color

This paragraph has a background color of #3f7fff.

<p style="background-color:#3f7fff;">Content here</p>

#3f7fff border color

This element has a border color of #3f7fff.

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

CSS codes

.text {color:#3f7fff;}

.background {background-color:#3f7fff;}

.border {border:1px solid #3f7fff;}

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

#000104
```
#000104 rgb(0,1,4)
```
#000818
```
#000818 rgb(0,8,24)
```
#000e2b
```
#000e2b rgb(0,14,43)
```
#00153f
```
#00153f rgb(0,21,63)
```
#001c53
```
#001c53 rgb(0,28,83)
```
#002266
```
#002266 rgb(0,34,102)
```
#00297a
```
#00297a rgb(0,41,122)
```
#002f8d
```
#002f8d rgb(0,47,141)
```
#0036a1
```
#0036a1 rgb(0,54,161)
```
#003cb5
```
#003cb5 rgb(0,60,181)
```
#0043c8
```
#0043c8 rgb(0,67,200)
```
#0049dc
```
#0049dc rgb(0,73,220)
```
#0050f0
```
#0050f0 rgb(0,80,240)
```

Shade Color Variation

#0458ff
```
#0458ff rgb(4,88,255)
```
#1865ff
```
#1865ff rgb(24,101,255)
```
#2b72ff
```
#2b72ff rgb(43,114,255)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```
#538cff
```
#538cff rgb(83,140,255)
```
#6699ff
```
#6699ff rgb(102,153,255)
```
#7aa6ff
```
#7aa6ff rgb(122,166,255)
```
#8db3ff
```
#8db3ff rgb(141,179,255)
```
#a1c0ff
```
#a1c0ff rgb(161,192,255)
```
#b5cdff
```
#b5cdff rgb(181,205,255)
```
#c8dbff
```
#c8dbff rgb(200,219,255)
```
#dce8ff
```
#dce8ff rgb(220,232,255)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989da6 is the less saturated color, while #3f7fff is the most saturated one.

#989da6
```
#989da6 rgb(152,157,166)
```
#909aae
```
#909aae rgb(144,154,174)
```
#8998b5
```
#8998b5 rgb(137,152,181)
```
#8195bd
```
#8195bd rgb(129,149,189)
```
#7a93c4
```
#7a93c4 rgb(122,147,196)
```
#7390cb
```
#7390cb rgb(115,144,203)
```
#6b8ed3
```
#6b8ed3 rgb(107,142,211)
```
#648bda
```
#648bda rgb(100,139,218)
```
#5d89e1
```
#5d89e1 rgb(93,137,225)
```
#5586e9
```
#5586e9 rgb(85,134,233)
```
#4e84f0
```
#4e84f0 rgb(78,132,240)
```
#4681f8
```
#4681f8 rgb(70,129,248)
```
#3f7fff
```
#3f7fff rgb(63,127,255)
```

Tone Color Variation

Below, you can see how #3f7fff 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

#7a7a7a Achromatopsia 0.005% of the population
#6e7b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3987ff Protanopia 1% of men
#008ee9 Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#3b84ff Protanomaly 1% of men, 0.01% of women
#1688f1 Deuteranomaly 6% of men, 0.4% of women
#168fc4 Tritanomaly 0.01% of the population

#3f7fff hex color

#3f7fff Color Information

#3f7fff Color Conversion

Color Schemes with #3f7fff

Alternatives to #3f7fff

#3f7fff Preview

Shades and Tints of #3f7fff

Tones of #3f7fff

Color Blindness Simulator