Benannte Farbe · #DCD2C3
Natural Tan
Natural Tan ist #DCD2C3: rgb(220 210 195), hsl(36 26% 81%), oklch(0.868 0.023 78.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Natural Tan color name →
#DCD2C3
oklch(0.868 0.023 78.2)
Farbumrechnungen
- HEX
- #dcd2c3
- RGB
- rgb(220 210 195)
- HSL
- hsl(36 26% 81%)
- HWB
- hwb(36 76% 14%)
- OKLCH
- oklch(0.868 0.023 78.2)
- OKLab
- oklab(0.868 0.005 0.023)
- CIE Lab
- lab(84.71 1.69 8.76)
- LCH
- lch(84.71 8.92 79.1)
- CMYK
- cmyk(0% 5% 11% 14%)
Tints · Shades · Tones
Tints
- DFD6C9
- E3DBCF
- E6DFD5
- EAE4DB
- EDE8E1
- F1EDE7
- F4F1ED
- F8F6F3
- FBFAF9
Shades
- BFB6A9
- A39B90
- 888178
- 6E6860
- 54504A
- 3C3934
- 262420
- 11100E
- 020202
Tones
- D2C9BC
- C9C1B5
- BFB9AE
- B6B0A8
- ADA8A1
- A4A09A
- 9B9894
- 92908D
- 898886
Farbharmonien
Komplementär +180°
- DCD2C3
Natural Tan
- CAD4E3
≈ Violet Wisp
Analog -30° +30°
- DCD2C3
Natural Tan
- E1CFC7
≈ Crushed Out
- D4D5C4
≈ Daikon White
Triadisch +120° +240°
- DCD2C3
Natural Tan
- C3D8D9
≈ Haint Blue
- DACFDE
≈ Dusty Plum
Geteilt komplementär +150° +210°
- DCD2C3
Natural Tan
- C5D7E0
≈ Prairie Sky
- D2D1E2
≈ Hailstorm
Tetradisch +90° +180° +270°
- DCD2C3
Natural Tan
- C6D9D1
≈ Soft Haze
- CAD4E3
≈ Violet Wisp
- E0CED6
≈ Light Pelican Bill
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.04:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--natural-tan: #dcd2c3;
--natural-tan-rgb: 220 210 195;
--natural-tan-oklch: oklch(0.868 0.023 78.2);
}
.element {
color: var(--natural-tan);
background-color: hsl(36 26% 81%);
border-color: oklch(0.868 0.023 78.2);
}Tailwind CSS v4
@theme {
--color-natural-tan: #dcd2c3;
--color-natural-tan-50: #f9f5ee;
--color-natural-tan-100: #ece7df;
--color-natural-tan-200: #d9d3c9;
--color-natural-tan-300: #beb6aa;
--color-natural-tan-400: #a69d90;
--color-natural-tan-500: #8f8575;
--color-natural-tan-600: #797063;
--color-natural-tan-700: #615a4f;
--color-natural-tan-800: #47413a;
--color-natural-tan-900: #312d27;
--color-natural-tan-950: #1d1a16;
}SCSS
$natural-tan: #dcd2c3;
$natural-tan-rgb: 220, 210, 195;
$natural-tan-light: mix(#fff, $natural-tan, 20%);
$natural-tan-dark: mix(#000, $natural-tan, 20%);
.element {
color: $natural-tan;
box-shadow: 0 0 0 2px rgba($natural-tan, 0.35);
}