#dcddf3 hex color

In a RGB color space, hex #dcddf3 is composed of 86.3% red, 86.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 9.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 237.4 degrees, a saturation of 48.9% and a lightness of 90.8%. #dcddf3 color hex could be obtained by blending #ffffff with #b9bbe7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 86
- G 87
- B 95
RGB color chart
- C 9
- M 9
- Y 0
- K 5
CMYK color chart

● #dcddf3 color description : Light grayish blue.

The hexadecimal color #dcddf3 has RGB values of R:220, G:221, B:243 and CMYK values of C:0.09, M:0.09, Y:0, K:0.05. Its decimal value is 14474739.

Hex triplet	dcddf3	`#dcddf3`
RGB Decimal	220, 221, 243	`rgb(220,221,243)`
RGB Percent	86.3, 86.7, 95.3	`rgb(86.3%,86.7%,95.3%)`
CMYK	9, 9, 0, 5
HSL	237.4°, 48.9, 90.8	`hsl(237.4,48.9%,90.8%)`
HSV (or HSB)	237.4°, 9.5, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.638, 3.809, -10.826
XYZ	71.546, 73.399, 95.187
xyY	0.298, 0.306, 73.399
CIE-LCH	88.638, 11.477, 289.384
CIE-LUV	88.638, -1.805, -17.612
Hunter-Lab	85.673, -0.862, -5.903
Binary	11011100, 11011101, 11110011

#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#f3f2dc
```
#f3f2dc rgb(243,242,220)
```

Complementary Color

#dce9f3
```
#dce9f3 rgb(220,233,243)
```
#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#e7dcf3
```
#e7dcf3 rgb(231,220,243)
```

Analogous Color

#e9f3dc
```
#e9f3dc rgb(233,243,220)
```
#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#f3e7dc
```
#f3e7dc rgb(243,231,220)
```

Split Complementary Color

#ddf3dc
```
#ddf3dc rgb(221,243,220)
```
#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#f3dcdd
```
#f3dcdd rgb(243,220,221)
```

Triadic Color

#dcf3f2
```
#dcf3f2 rgb(220,243,242)
```
#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#f3dcdd
```
#f3dcdd rgb(243,220,221)
```
#f3f2dc
```
#f3f2dc rgb(243,242,220)
```

Tetradic Color

#a3a6df
```
#a3a6df rgb(163,166,223)
```
#b6b8e6
```
#b6b8e6 rgb(182,184,230)
```
#c9cbec
```
#c9cbec rgb(201,203,236)
```
#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#efeffa
```
#efeffa rgb(239,239,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#dce3f3
```
#dce3f3 rgb(220,227,243)
```
#dce1f3
```
#dce1f3 rgb(220,225,243)
```
#dcdff3
```
#dcdff3 rgb(220,223,243)
```
#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#dddcf3
```
#dddcf3 rgb(221,220,243)
```
#dfdcf3
```
#dfdcf3 rgb(223,220,243)
```
#e1dcf3
```
#e1dcf3 rgb(225,220,243)
```

Similar Colors

Text with hexadecimal color #dcddf3

This text has a font color of #dcddf3.

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

#dcddf3 background color

This paragraph has a background color of #dcddf3.

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

#dcddf3 border color

This element has a border color of #dcddf3.

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

CSS codes

.text {color:#dcddf3;}

.background {background-color:#dcddf3;}

.border {border:1px solid #dcddf3;}

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

#030309
```
#030309 rgb(3,3,9)
```
#080917
```
#080917 rgb(8,9,23)
```
#0d0e26
```
#0d0e26 rgb(13,14,38)
```
#121435
```
#121435 rgb(18,20,53)
```
#171943
```
#171943 rgb(23,25,67)
```
#1c1e52
```
#1c1e52 rgb(28,30,82)
```
#212460
```
#212460 rgb(33,36,96)
```
#26296f
```
#26296f rgb(38,41,111)
```
#2b2f7e
```
#2b2f7e rgb(43,47,126)
```
#30348c
```
#30348c rgb(48,52,140)
```
#353a9b
```
#353a9b rgb(53,58,155)
```
#3a3faa
```
#3a3faa rgb(58,63,170)
```
#3f44b8
```
#3f44b8 rgb(63,68,184)
```

Shade Color Variation

#4a4fc1
```
#4a4fc1 rgb(74,79,193)
```
#595dc6
```
#595dc6 rgb(89,93,198)
```
#676bcb
```
#676bcb rgb(103,107,203)
```
#767ad0
```
#767ad0 rgb(118,122,208)
```
#8488d5
```
#8488d5 rgb(132,136,213)
```
#9396da
```
#9396da rgb(147,150,218)
```
#a2a4df
```
#a2a4df rgb(162,164,223)
```
#b0b2e4
```
#b0b2e4 rgb(176,178,228)
```
#bfc1e9
```
#bfc1e9 rgb(191,193,233)
```
#cdcfee
```
#cdcfee rgb(205,207,238)
```
#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#ebebf8
```
#ebebf8 rgb(235,235,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#e7e7e8
```
#e7e7e8 rgb(231,231,232)
```
#e5e5ea
```
#e5e5ea rgb(229,229,234)
```
#e3e4ec
```
#e3e4ec rgb(227,228,236)
```
#e1e2ee
```
#e1e2ee rgb(225,226,238)
```
#e0e0ef
```
#e0e0ef rgb(224,224,239)
```
#dedff1
```
#dedff1 rgb(222,223,241)
```
#dcddf3
```
#dcddf3 rgb(220,221,243)
```
#dadbf5
```
#dadbf5 rgb(218,219,245)
```
#d8daf7
```
#d8daf7 rgb(216,218,247)
```
#d7d8f8
```
#d7d8f8 rgb(215,216,248)
```
#d5d6fa
```
#d5d6fa rgb(213,214,250)
```
#d3d5fc
```
#d3d5fc rgb(211,213,252)
```
#d1d3fe
```
#d1d3fe rgb(209,211,254)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#dedfe3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddef3 Protanopia 1% of men
#eadaf5 Deuteranopia 1% of men
#dcdfef Tritanopia 0.001% of the population

Trichromacy

#dddef3 Protanomaly 1% of men, 0.01% of women
#e5dbf4 Deuteranomaly 6% of men, 0.4% of women
#dcdef0 Tritanomaly 0.01% of the population

#dcddf3 hex color

#dcddf3 Color Information

#dcddf3 Color Conversion

Color Schemes with #dcddf3

Alternatives to #dcddf3

#dcddf3 Preview

Shades and Tints of #dcddf3

Tones of #dcddf3

Color Blindness Simulator