#3ca1ed hex color

In a RGB color space, hex #3ca1ed is composed of 23.5% red, 63.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 32.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 205.8 degrees, a saturation of 83.1% and a lightness of 58.2%. #3ca1ed color hex could be obtained by blending #78ffff with #0043db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 24
- G 63
- B 93
RGB color chart
- C 75
- M 32
- Y 0
- K 7
CMYK color chart

● #3ca1ed color description : Bright blue.

The hexadecimal color #3ca1ed has RGB values of R:60, G:161, B:237 and CMYK values of C:0.75, M:0.32, Y:0, K:0.07. Its decimal value is 3973613.

Hex triplet	3ca1ed	`#3ca1ed`
RGB Decimal	60, 161, 237	`rgb(60,161,237)`
RGB Percent	23.5, 63.1, 92.9	`rgb(23.5%,63.1%,92.9%)`
CMYK	75, 32, 0, 7
HSL	205.8°, 83.1, 58.2	`hsl(205.8,83.1%,58.2%)`
HSV (or HSB)	205.8°, 74.7, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.805, -3.968, -46.434
XYZ	29.891, 32.562, 84.826
xyY	0.203, 0.221, 32.562
CIE-LCH	63.805, 46.603, 265.115
CIE-LUV	63.805, -35.772, -73.92
Hunter-Lab	57.063, -6.36, -48.191
Binary	00111100, 10100001, 11101101

#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#ed883c
```
#ed883c rgb(237,136,60)
```

Complementary Color

#3cede1
```
#3cede1 rgb(60,237,225)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#3c49ed
```
#3c49ed rgb(60,73,237)
```

Analogous Color

#ede13c
```
#ede13c rgb(237,225,60)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#ed3c49
```
#ed3c49 rgb(237,60,73)
```

Split Complementary Color

#a1ed3c
```
#a1ed3c rgb(161,237,60)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#ed3ca1
```
#ed3ca1 rgb(237,60,161)
```

Triadic Color

#3ced88
```
#3ced88 rgb(60,237,136)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#ed3ca1
```
#ed3ca1 rgb(237,60,161)
```
#ed883c
```
#ed883c rgb(237,136,60)
```

Tetradic Color

#137bca
```
#137bca rgb(19,123,202)
```
#1589e1
```
#1589e1 rgb(21,137,225)
```
#2596eb
```
#2596eb rgb(37,150,235)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#53acef
```
#53acef rgb(83,172,239)
```
#6bb8f1
```
#6bb8f1 rgb(107,184,241)
```
#82c3f3
```
#82c3f3 rgb(130,195,243)
```

Monochromatic Color

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

#3ccded
```
#3ccded rgb(60,205,237)
```
#3cbfed
```
#3cbfed rgb(60,191,237)
```
#3cb0ed
```
#3cb0ed rgb(60,176,237)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#3c92ed
```
#3c92ed rgb(60,146,237)
```
#3c84ed
```
#3c84ed rgb(60,132,237)
```
#3c75ed
```
#3c75ed rgb(60,117,237)
```

Similar Colors

Text with hexadecimal color #3ca1ed

This text has a font color of #3ca1ed.

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

#3ca1ed background color

This paragraph has a background color of #3ca1ed.

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

#3ca1ed border color

This element has a border color of #3ca1ed.

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

CSS codes

.text {color:#3ca1ed;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020d14
```
#020d14 rgb(2,13,20)
```
#041726
```
#041726 rgb(4,23,38)
```
#052238
```
#052238 rgb(5,34,56)
```
#072d4a
```
#072d4a rgb(7,45,74)
```
#09385c
```
#09385c rgb(9,56,92)
```
#0a436e
```
#0a436e rgb(10,67,110)
```
#0c4e80
```
#0c4e80 rgb(12,78,128)
```
#0d5992
```
#0d5992 rgb(13,89,146)
```
#0f64a4
```
#0f64a4 rgb(15,100,164)
```
#116fb6
```
#116fb6 rgb(17,111,182)
```
#127ac8
```
#127ac8 rgb(18,122,200)
```
#1485da
```
#1485da rgb(20,133,218)
```

Shade Color Variation

#1890ea
```
#1890ea rgb(24,144,234)
```
#2a98eb
```
#2a98eb rgb(42,152,235)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#4eaaef
```
#4eaaef rgb(78,170,239)
```
#60b2f0
```
#60b2f0 rgb(96,178,240)
```
#72bbf2
```
#72bbf2 rgb(114,187,242)
```
#84c4f4
```
#84c4f4 rgb(132,196,244)
```
#96ccf5
```
#96ccf5 rgb(150,204,245)
```
#a8d5f7
```
#a8d5f7 rgb(168,213,247)
```
#badef9
```
#badef9 rgb(186,222,249)
```
#cce6fa
```
#cce6fa rgb(204,230,250)
```
#deeffc
```
#deeffc rgb(222,239,252)
```
#f0f8fe
```
#f0f8fe rgb(240,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e959b is the less saturated color, while #2ca3fd is the most saturated one.

#8e959b
```
#8e959b rgb(142,149,155)
```
#8697a3
```
#8697a3 rgb(134,151,163)
```
#7e98ab
```
#7e98ab rgb(126,152,171)
```
#7599b4
```
#7599b4 rgb(117,153,180)
```
#6d9abc
```
#6d9abc rgb(109,154,188)
```
#659bc4
```
#659bc4 rgb(101,155,196)
```
#5d9ccc
```
#5d9ccc rgb(93,156,204)
```
#559ed4
```
#559ed4 rgb(85,158,212)
```
#4c9fdd
```
#4c9fdd rgb(76,159,221)
```
#44a0e5
```
#44a0e5 rgb(68,160,229)
```
#3ca1ed
```
#3ca1ed rgb(60,161,237)
```
#34a2f5
```
#34a2f5 rgb(52,162,245)
```
#2ca3fd
```
#2ca3fd rgb(44,163,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7b8f9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#849de7 Protanopia 1% of men
#709ff0 Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#699ee9 Protanomaly 1% of men, 0.01% of women
#5da0ef Deuteranomaly 6% of men, 0.4% of women
#15aacd Tritanomaly 0.01% of the population

#3ca1ed hex color

#3ca1ed Color Information

#3ca1ed Color Conversion

Color Schemes with #3ca1ed

Alternatives to #3ca1ed

#3ca1ed Preview

Shades and Tints of #3ca1ed

Tones of #3ca1ed

Color Blindness Simulator