Couleur nommée · #DCD2C3
Natural Tan
Natural Tan correspond à #DCD2C3 : rgb(220 210 195), hsl(36 26% 81%), oklch(0.868 0.023 78.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Natural Tan color name →
#DCD2C3
oklch(0.868 0.023 78.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- DFD6C9
- E3DBCF
- E6DFD5
- EAE4DB
- EDE8E1
- F1EDE7
- F4F1ED
- F8F6F3
- FBFAF9
Ombres
- BFB6A9
- A39B90
- 888178
- 6E6860
- 54504A
- 3C3934
- 262420
- 11100E
- 020202
Tons
- D2C9BC
- C9C1B5
- BFB9AE
- B6B0A8
- ADA8A1
- A4A09A
- 9B9894
- 92908D
- 898886
Harmonies de couleurs
Complémentaire +180°
- DCD2C3
Natural Tan
- CAD4E3
≈ Violet Wisp
Analogue -30° +30°
- DCD2C3
Natural Tan
- E1CFC7
≈ Crushed Out
- D4D5C4
≈ Daikon White
Triadique +120° +240°
- DCD2C3
Natural Tan
- C3D8D9
≈ Haint Blue
- DACFDE
≈ Dusty Plum
Complémentaire divisée +150° +210°
- DCD2C3
Natural Tan
- C5D7E0
≈ Prairie Sky
- D2D1E2
≈ Hailstorm
Tétradique +90° +180° +270°
- DCD2C3
Natural Tan
- C6D9D1
≈ Soft Haze
- CAD4E3
≈ Violet Wisp
- E0CED6
≈ Light Pelican Bill
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.49:1 · APCA Lc 23
Ag
AAASur noir
WCAG 14.04:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
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);
}