Benannte Farbe · #CDB59C
Tan Suede
Tan Suede ist #CDB59C: rgb(205 181 156), hsl(31 33% 71%), oklch(0.787 0.044 68.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Tan Suede color name →
#CDB59C
oklch(0.787 0.044 68.3)
Farbumrechnungen
- HEX
- #cdb59c
- RGB
- rgb(205 181 156)
- HSL
- hsl(31 33% 71%)
- HWB
- hwb(31 61% 20%)
- OKLCH
- oklch(0.787 0.044 68.3)
- OKLab
- oklab(0.787 0.016 0.041)
- CIE Lab
- lab(75.28 6.02 16.11)
- LCH
- lch(75.28 17.2 69.5)
- CMYK
- cmyk(0% 12% 24% 20%)
Tints · Shades · Tones
Tints
- D2BCA6
- D7C4AF
- DCCBB9
- E1D2C3
- E6DACD
- EBE1D7
- F0E8E1
- F5F0EB
- FAF7F5
Shades
- B29D87
- 988673
- 7E6F5F
- 66594C
- 4E4439
- 383028
- 231D18
- 0F0C09
- 020201
Tones
- C5B099
- BDAA97
- B5A594
- AEA091
- A69A8E
- 9E958B
- 979089
- 8F8A86
- 878583
Farbharmonien
Komplementär +180°
- CDB59C
Tan Suede
- A4BDD5
≈ Angel Falls
Analog -30° +30°
- CDB59C
Tan Suede
- D4B1A5
≈ Sandpaper
- C1BA9B
≈ Good to Grow
Triadisch +120° +240°
- CDB59C
Tan Suede
- 9AC3BF
≈ Pitter Patter
- C1B3D0
≈ Frosted Orchid
Geteilt komplementär +150° +210°
- CDB59C
Tan Suede
- 9BC1CD
≈ Aquatic
- B3B7D6
≈ Frosted Iris
Tetradisch +90° +180° +270°
- CDB59C
Tan Suede
- A3C3AF
≈ Green Silk
- A4BDD5
≈ Angel Falls
- CDAFC3
≈ Winsome Orchid
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.96:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.68:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--tan-suede: #cdb59c;
--tan-suede-rgb: 205 181 156;
--tan-suede-oklch: oklch(0.787 0.044 68.3);
}
.element {
color: var(--tan-suede);
background-color: hsl(31 33% 71%);
border-color: oklch(0.787 0.044 68.3);
}Tailwind CSS v4
@theme {
--color-tan-suede: #cdb59c;
--color-tan-suede-50: #fef3e8;
--color-tan-suede-100: #f2e6d8;
--color-tan-suede-200: #e1d1c0;
--color-tan-suede-300: #c6b4a0;
--color-tan-suede-400: #b09a83;
--color-tan-suede-500: #9a8167;
--color-tan-suede-600: #826d57;
--color-tan-suede-700: #685746;
--color-tan-suede-800: #4d4032;
--color-tan-suede-900: #362c22;
--color-tan-suede-950: #211911;
}SCSS
$tan-suede: #cdb59c;
$tan-suede-rgb: 205, 181, 156;
$tan-suede-light: mix(#fff, $tan-suede, 20%);
$tan-suede-dark: mix(#000, $tan-suede, 20%);
.element {
color: $tan-suede;
box-shadow: 0 0 0 2px rgba($tan-suede, 0.35);
}