#3caddb hex color

In a RGB color space, hex #3caddb is composed of 23.5% red, 67.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 21% magenta, 0% yellow and 14.1% black. It has a hue angle of 197.4 degrees, a saturation of 68.8% and a lightness of 54.7%. #3caddb color hex could be obtained by blending #78ffff with #005bb7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 68
- B 86
RGB color chart
- C 73
- M 21
- Y 0
- K 14
CMYK color chart

● #3caddb color description : Bright blue.

The hexadecimal color #3caddb has RGB values of R:60, G:173, B:219 and CMYK values of C:0.73, M:0.21, Y:0, K:0.14. Its decimal value is 3976667.

Hex triplet	3caddb	`#3caddb`
RGB Decimal	60, 173, 219	`rgb(60,173,219)`
RGB Percent	23.5, 67.8, 85.9	`rgb(23.5%,67.8%,85.9%)`
CMYK	73, 21, 0, 14
HSL	197.4°, 68.8, 54.7	`hsl(197.4,68.8%,54.7%)`
HSV (or HSB)	197.4°, 72.6, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.489, -16.683, -32.338
XYZ	29.59, 35.96, 72.395
xyY	0.215, 0.261, 35.96
CIE-LCH	66.489, 36.388, 242.712
CIE-LUV	66.489, -40.874, -48.986
Hunter-Lab	59.966, -16.862, -29.602
Binary	00111100, 10101101, 11011011

#3caddb
```
#3caddb rgb(60,173,219)
```
#db6a3c
```
#db6a3c rgb(219,106,60)
```

Complementary Color

#3cdbba
```
#3cdbba rgb(60,219,186)
```
#3caddb
```
#3caddb rgb(60,173,219)
```
#3c5edb
```
#3c5edb rgb(60,94,219)
```

Analogous Color

#dbba3c
```
#dbba3c rgb(219,186,60)
```
#3caddb
```
#3caddb rgb(60,173,219)
```
#db3c5e
```
#db3c5e rgb(219,60,94)
```

Split Complementary Color

#addb3c
```
#addb3c rgb(173,219,60)
```
#3caddb
```
#3caddb rgb(60,173,219)
```
#db3cad
```
#db3cad rgb(219,60,173)
```

Triadic Color

#3cdb6a
```
#3cdb6a rgb(60,219,106)
```
#3caddb
```
#3caddb rgb(60,173,219)
```
#db3cad
```
#db3cad rgb(219,60,173)
```
#db6a3c
```
#db6a3c rgb(219,106,60)
```

Tetradic Color

#2083ab
```
#2083ab rgb(32,131,171)
```
#2493c0
```
#2493c0 rgb(36,147,192)
```
#28a4d6
```
#28a4d6 rgb(40,164,214)
```
#3caddb
```
#3caddb rgb(60,173,219)
```
#52b6df
```
#52b6df rgb(82,182,223)
```
#67bfe3
```
#67bfe3 rgb(103,191,227)
```
#7dc8e7
```
#7dc8e7 rgb(125,200,231)
```

Monochromatic Color

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

#3cd5db
```
#3cd5db rgb(60,213,219)
```
#3cc8db
```
#3cc8db rgb(60,200,219)
```
#3cbadb
```
#3cbadb rgb(60,186,219)
```
#3caddb
```
#3caddb rgb(60,173,219)
```
#3ca0db
```
#3ca0db rgb(60,160,219)
```
#3c93db
```
#3c93db rgb(60,147,219)
```
#3c85db
```
#3c85db rgb(60,133,219)
```

Similar Colors

Text with hexadecimal color #3caddb

This text has a font color of #3caddb.

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

#3caddb background color

This paragraph has a background color of #3caddb.

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

#3caddb border color

This element has a border color of #3caddb.

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

CSS codes

.text {color:#3caddb;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040f14
```
#040f14 rgb(4,15,20)
```
#071c25
```
#071c25 rgb(7,28,37)
```
#0a2935
```
#0a2935 rgb(10,41,53)
```
#0d3546
```
#0d3546 rgb(13,53,70)
```
#104256
```
#104256 rgb(16,66,86)
```
#134f67
```
#134f67 rgb(19,79,103)
```
#165b78
```
#165b78 rgb(22,91,120)
```
#196888
```
#196888 rgb(25,104,136)
```
#1c7599
```
#1c7599 rgb(28,117,153)
```
#1f81a9
```
#1f81a9 rgb(31,129,169)
```
#228eba
```
#228eba rgb(34,142,186)
```
#259bca
```
#259bca rgb(37,155,202)
```

Shade Color Variation

#2ba6d8
```
#2ba6d8 rgb(43,166,216)
```
#3caddb
```
#3caddb rgb(60,173,219)
```
#4db4de
```
#4db4de rgb(77,180,222)
```
#5dbbe1
```
#5dbbe1 rgb(93,187,225)
```
#6ec2e4
```
#6ec2e4 rgb(110,194,228)
```
#7ec9e7
```
#7ec9e7 rgb(126,201,231)
```
#8fd0ea
```
#8fd0ea rgb(143,208,234)
```
#9fd7ed
```
#9fd7ed rgb(159,215,237)
```
#b0def0
```
#b0def0 rgb(176,222,240)
```
#c0e5f3
```
#c0e5f3 rgb(192,229,243)
```
#d1ecf7
```
#d1ecf7 rgb(209,236,247)
```
#e2f3fa
```
#e2f3fa rgb(226,243,250)
```
#f2fafd
```
#f2fafd rgb(242,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838f94 is the less saturated color, while #18bcff is the most saturated one.

#838f94
```
#838f94 rgb(131,143,148)
```
#7a939d
```
#7a939d rgb(122,147,157)
```
#7197a6
```
#7197a6 rgb(113,151,166)
```
#689aaf
```
#689aaf rgb(104,154,175)
```
#609eb7
```
#609eb7 rgb(96,158,183)
```
#57a2c0
```
#57a2c0 rgb(87,162,192)
```
#4ea6c9
```
#4ea6c9 rgb(78,166,201)
```
#45a9d2
```
#45a9d2 rgb(69,169,210)
```
#3caddb
```
#3caddb rgb(60,173,219)
```
#33b1e4
```
#33b1e4 rgb(51,177,228)
```
#2ab4ed
```
#2ab4ed rgb(42,180,237)
```
#21b8f6
```
#21b8f6 rgb(33,184,246)
```
#18bcff
```
#18bcff rgb(24,188,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7f969f Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a4d4 Protanopia 1% of men
#90a4e1 Deuteranopia 1% of men
#2ab6c3 Tritanopia 0.001% of the population

Trichromacy

#77a7d6 Protanomaly 1% of men, 0.01% of women
#71a7df Deuteranomaly 6% of men, 0.4% of women
#30b2cb Tritanomaly 0.01% of the population

#3caddb hex color

#3caddb Color Information

#3caddb Color Conversion

Color Schemes with #3caddb

Alternatives to #3caddb

#3caddb Preview

Shades and Tints of #3caddb

Tones of #3caddb

Color Blindness Simulator