#3666fc hex color

In a RGB color space, hex #3666fc is composed of 21.2% red, 40% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 59.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 225.5 degrees, a saturation of 97.1% and a lightness of 60%. #3666fc color hex could be obtained by blending #6cccff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 40
- B 99
RGB color chart
- C 79
- M 60
- Y 0
- K 1
CMYK color chart

● #3666fc color description : Bright blue.

The hexadecimal color #3666fc has RGB values of R:54, G:102, B:252 and CMYK values of C:0.79, M:0.6, Y:0, K:0.01. Its decimal value is 3565308.

Hex triplet	3666fc	`#3666fc`
RGB Decimal	54, 102, 252	`rgb(54,102,252)`
RGB Percent	21.2, 40, 98.8	`rgb(21.2%,40%,98.8%)`
CMYK	79, 60, 0, 1
HSL	225.5°, 97.1, 60	`hsl(225.5,97.1%,60%)`
HSV (or HSB)	225.5°, 78.6, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.653, 36.649, -79.086
XYZ	23.84, 17.314, 94.176
xyY	0.176, 0.128, 17.314
CIE-LCH	48.653, 87.165, 294.863
CIE-LUV	48.653, -18.584, -122.112
Hunter-Lab	41.61, 29.453, -105.065
Binary	00110110, 01100110, 11111100

#3666fc
```
#3666fc rgb(54,102,252)
```
#fccc36
```
#fccc36 rgb(252,204,54)
```

Complementary Color

#36c9fc
```
#36c9fc rgb(54,201,252)
```
#3666fc
```
#3666fc rgb(54,102,252)
```
#6936fc
```
#6936fc rgb(105,54,252)
```

Analogous Color

#c9fc36
```
#c9fc36 rgb(201,252,54)
```
#3666fc
```
#3666fc rgb(54,102,252)
```
#fc6936
```
#fc6936 rgb(252,105,54)
```

Split Complementary Color

#66fc36
```
#66fc36 rgb(102,252,54)
```
#3666fc
```
#3666fc rgb(54,102,252)
```
#fc3666
```
#fc3666 rgb(252,54,102)
```

Triadic Color

#36fccc
```
#36fccc rgb(54,252,204)
```
#3666fc
```
#3666fc rgb(54,102,252)
```
#fc3666
```
#fc3666 rgb(252,54,102)
```
#fccc36
```
#fccc36 rgb(252,204,54)
```

Tetradic Color

#0339e2
```
#0339e2 rgb(3,57,226)
```
#0440fb
```
#0440fb rgb(4,64,251)
```
#1d53fc
```
#1d53fc rgb(29,83,252)
```
#3666fc
```
#3666fc rgb(54,102,252)
```
#4f79fc
```
#4f79fc rgb(79,121,252)
```
#688cfd
```
#688cfd rgb(104,140,253)
```
#819ffd
```
#819ffd rgb(129,159,253)
```

Monochromatic Color

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

#3698fc
```
#3698fc rgb(54,152,252)
```
#3687fc
```
#3687fc rgb(54,135,252)
```
#3677fc
```
#3677fc rgb(54,119,252)
```
#3666fc
```
#3666fc rgb(54,102,252)
```
#3656fc
```
#3656fc rgb(54,86,252)
```
#3645fc
```
#3645fc rgb(54,69,252)
```
#3736fc
```
#3736fc rgb(55,54,252)
```

Similar Colors

Text with hexadecimal color #3666fc

This text has a font color of #3666fc.

<span style="color:#3666fc;">Text here</span>

#3666fc background color

This paragraph has a background color of #3666fc.

<p style="background-color:#3666fc;">Content here</p>

#3666fc border color

This element has a border color of #3666fc.

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

CSS codes

.text {color:#3666fc;}

.background {background-color:#3666fc;}

.border {border:1px solid #3666fc;}

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, #00030c is the darkest color, while #f7f9ff is the lightest one.

#00030c
```
#00030c rgb(0,3,12)
```
#00081f
```
#00081f rgb(0,8,31)
```
#010d32
```
#010d32 rgb(1,13,50)
```
#011246
```
#011246 rgb(1,18,70)
```
#011759
```
#011759 rgb(1,23,89)
```
#021b6c
```
#021b6c rgb(2,27,108)
```
#022080
```
#022080 rgb(2,32,128)
```
#022593
```
#022593 rgb(2,37,147)
```
#022aa6
```
#022aa6 rgb(2,42,166)
```
#032fba
```
#032fba rgb(3,47,186)
```
#0334cd
```
#0334cd rgb(3,52,205)
```
#0339e0
```
#0339e0 rgb(3,57,224)
```
#043ef4
```
#043ef4 rgb(4,62,244)
```

Shade Color Variation

#0f49fb
```
#0f49fb rgb(15,73,251)
```
#2357fc
```
#2357fc rgb(35,87,252)
```
#3666fc
```
#3666fc rgb(54,102,252)
```
#4975fc
```
#4975fc rgb(73,117,252)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```
#7092fd
```
#7092fd rgb(112,146,253)
```
#83a1fd
```
#83a1fd rgb(131,161,253)
```
#97b0fd
```
#97b0fd rgb(151,176,253)
```
#aabefe
```
#aabefe rgb(170,190,254)
```
#bdcdfe
```
#bdcdfe rgb(189,205,254)
```
#d1dcfe
```
#d1dcfe rgb(209,220,254)
```
#e4eaff
```
#e4eaff rgb(228,234,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94979e is the less saturated color, while #3666fc is the most saturated one.

#94979e
```
#94979e rgb(148,151,158)
```
#8c92a6
```
#8c92a6 rgb(140,146,166)
```
#848eae
```
#848eae rgb(132,142,174)
```
#7d8ab5
```
#7d8ab5 rgb(125,138,181)
```
#7586bd
```
#7586bd rgb(117,134,189)
```
#6d82c5
```
#6d82c5 rgb(109,130,197)
```
#657ecd
```
#657ecd rgb(101,126,205)
```
#5d7ad5
```
#5d7ad5 rgb(93,122,213)
```
#5576dd
```
#5576dd rgb(85,118,221)
```
#4e72e4
```
#4e72e4 rgb(78,114,228)
```
#466eec
```
#466eec rgb(70,110,236)
```
#3e6af4
```
#3e6af4 rgb(62,106,244)
```
#3666fc
```
#3666fc rgb(54,102,252)
```

Tone Color Variation

Below, you can see how #3666fc 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

#696969 Achromatopsia 0.005% of the population
#5f6886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1370ef Protanomaly 1% of men, 0.01% of women
#1375dc Deuteranomaly 6% of men, 0.4% of women
#137ab6 Tritanomaly 0.01% of the population

#3666fc hex color

#3666fc Color Information

#3666fc Color Conversion

Color Schemes with #3666fc

Alternatives to #3666fc

#3666fc Preview

Shades and Tints of #3666fc

Tones of #3666fc

Color Blindness Simulator