#6661f3 hex color

In a RGB color space, hex #6661f3 is composed of 40% red, 38% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 60.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 242.1 degrees, a saturation of 85.9% and a lightness of 66.7%. #6661f3 color hex could be obtained by blending #ccc2ff with #0000e7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 38
- B 95
RGB color chart
- C 58
- M 60
- Y 0
- K 5
CMYK color chart

● #6661f3 color description : Soft blue.

The hexadecimal color #6661f3 has RGB values of R:102, G:97, B:243 and CMYK values of C:0.58, M:0.6, Y:0, K:0.05. Its decimal value is 6709747.

Hex triplet	6661f3	`#6661f3`
RGB Decimal	102, 97, 243	`rgb(102,97,243)`
RGB Percent	40, 38, 95.3	`rgb(40%,38%,95.3%)`
CMYK	58, 60, 0, 5
HSL	242.1°, 85.9, 66.7	`hsl(242.1,85.9%,66.7%)`
HSV (or HSB)	242.1°, 60.1, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.307, 42.784, -72.896
XYZ	25.929, 17.844, 86.867
xyY	0.198, 0.137, 17.844
CIE-LCH	49.307, 84.524, 300.41
CIE-LUV	49.307, -6.855, -114.448
Hunter-Lab	42.242, 35.64, -92.354
Binary	01100110, 01100001, 11110011

#6661f3
```
#6661f3 rgb(102,97,243)
```
#eef361
```
#eef361 rgb(238,243,97)
```

Complementary Color

#61a5f3
```
#61a5f3 rgb(97,165,243)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#af61f3
```
#af61f3 rgb(175,97,243)
```

Analogous Color

#a5f361
```
#a5f361 rgb(165,243,97)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#f3af61
```
#f3af61 rgb(243,175,97)
```

Split Complementary Color

#61f366
```
#61f366 rgb(97,243,102)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#f36661
```
#f36661 rgb(243,102,97)
```

Triadic Color

#61eef3
```
#61eef3 rgb(97,238,243)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#f36661
```
#f36661 rgb(243,102,97)
```
#eef361
```
#eef361 rgb(238,243,97)
```

Tetradic Color

#211aee
```
#211aee rgb(33,26,238)
```
#3832ef
```
#3832ef rgb(56,50,239)
```
#4f49f1
```
#4f49f1 rgb(79,73,241)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#7d79f5
```
#7d79f5 rgb(125,121,245)
```
#9490f7
```
#9490f7 rgb(148,144,247)
```
#aba8f8
```
#aba8f8 rgb(171,168,248)
```

Monochromatic Color

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

#6181f3
```
#6181f3 rgb(97,129,243)
```
#6174f3
```
#6174f3 rgb(97,116,243)
```
#6168f3
```
#6168f3 rgb(97,104,243)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#7261f3
```
#7261f3 rgb(114,97,243)
```
#7e61f3
```
#7e61f3 rgb(126,97,243)
```
#8b61f3
```
#8b61f3 rgb(139,97,243)
```

Similar Colors

Text with hexadecimal color #6661f3

This text has a font color of #6661f3.

<span style="color:#6661f3;">Text here</span>

#6661f3 background color

This paragraph has a background color of #6661f3.

<p style="background-color:#6661f3;">Content here</p>

#6661f3 border color

This element has a border color of #6661f3.

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

CSS codes

.text {color:#6661f3;}

.background {background-color:#6661f3;}

.border {border:1px solid #6661f3;}

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

#010006
```
#010006 rgb(1,0,6)
```
#030218
```
#030218 rgb(3,2,24)
```
#05032b
```
#05032b rgb(5,3,43)
```
#07053d
```
#07053d rgb(7,5,61)
```
#09064f
```
#09064f rgb(9,6,79)
```
#0a0761
```
#0a0761 rgb(10,7,97)
```
#0c0973
```
#0c0973 rgb(12,9,115)
```
#0e0a86
```
#0e0a86 rgb(14,10,134)
```
#100c98
```
#100c98 rgb(16,12,152)
```
#120daa
```
#120daa rgb(18,13,170)
```
#140ebc
```
#140ebc rgb(20,14,188)
```
#1610cf
```
#1610cf rgb(22,16,207)
```
#1811e1
```
#1811e1 rgb(24,17,225)
```

Shade Color Variation

#1f18ed
```
#1f18ed rgb(31,24,237)
```
#312aef
```
#312aef rgb(49,42,239)
```
#433df0
```
#433df0 rgb(67,61,240)
```
#544ff2
```
#544ff2 rgb(84,79,242)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#7873f4
```
#7873f4 rgb(120,115,244)
```
#8985f6
```
#8985f6 rgb(137,133,246)
```
#9b98f7
```
#9b98f7 rgb(155,152,247)
```
#adaaf9
```
#adaaf9 rgb(173,170,249)
```
#bebcfa
```
#bebcfa rgb(190,188,250)
```
#d0cefb
```
#d0cefb rgb(208,206,251)
```
#e2e1fd
```
#e2e1fd rgb(226,225,253)
```
#f3f3fe
```
#f3f3fe rgb(243,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a9a9ab is the less saturated color, while #605afa is the most saturated one.

#a9a9ab
```
#a9a9ab rgb(169,169,171)
```
#a3a2b2
```
#a3a2b2 rgb(163,162,178)
```
#9d9cb8
```
#9d9cb8 rgb(157,156,184)
```
#9795bf
```
#9795bf rgb(151,149,191)
```
#918fc5
```
#918fc5 rgb(145,143,197)
```
#8b88cc
```
#8b88cc rgb(139,136,204)
```
#8482d2
```
#8482d2 rgb(132,130,210)
```
#7e7bd9
```
#7e7bd9 rgb(126,123,217)
```
#7875df
```
#7875df rgb(120,117,223)
```
#726ee6
```
#726ee6 rgb(114,110,230)
```
#6c68ec
```
#6c68ec rgb(108,104,236)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#605afa
```
#605afa rgb(96,90,250)
```

Tone Color Variation

Below, you can see how #6661f3 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

#737373 Achromatopsia 0.005% of the population
#706f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#328790 Tritanopia 0.001% of the population

Trichromacy

#2570ee Protanomaly 1% of men, 0.01% of women
#2574dc Deuteranomaly 6% of men, 0.4% of women
#4579b4 Tritanomaly 0.01% of the population

#6661f3 hex color

#6661f3 Color Information

#6661f3 Color Conversion

Color Schemes with #6661f3

Alternatives to #6661f3

#6661f3 Preview

Shades and Tints of #6661f3

Tones of #6661f3

Color Blindness Simulator