Benannte Farbe · #D2B698
Slopes
Slopes ist #D2B698: rgb(210 182 152), hsl(31 39% 71%), oklch(0.793 0.052 68.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Slopes color name →
#D2B698
oklch(0.793 0.052 68.9)
Farbumrechnungen
- HEX
- #d2b698
- RGB
- rgb(210 182 152)
- HSL
- hsl(31 39% 71%)
- HWB
- hwb(31 60% 18%)
- OKLCH
- oklch(0.793 0.052 68.9)
- OKLab
- oklab(0.793 0.019 0.049)
- CIE Lab
- lab(75.93 7.06 19.23)
- LCH
- lch(75.93 20.49 69.8)
- CMYK
- cmyk(0% 13% 28% 18%)
Tints · Shades · Tones
Tints
- D7BDA2
- DBC4AC
- E0CCB6
- E4D3C1
- E9DACB
- EDE1D5
- F2E9E0
- F6F0EA
- FBF8F4
Shades
- B69E84
- 9B8670
- 816F5C
- 68594A
- 504438
- 393027
- 241D17
- 100C08
- 020201
Tones
- CAB196
- C1AB93
- B9A691
- B1A08F
- A89B8C
- A0958A
- 989088
- 908B85
- 888583
Farbharmonien
Komplementär +180°
- D2B698
Slopes
- A2BFDC
≈ Ice Cave
Analog -30° +30°
- D2B698
Slopes
- DAB1A3
≈ Cinnamon Whip
- C3BD96
≈ Candidate
Triadisch +120° +240°
- D2B698
Slopes
- 95C7C2
≈ Pastel Turquoise
- C5B3D5
≈ Plumeria
Geteilt komplementär +150° +210°
- D2B698
Slopes
- 96C4D2
≈ June
- B4B9DD
≈ Lilac Flare
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.88:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--slopes: #d2b698;
--slopes-rgb: 210 182 152;
--slopes-oklch: oklch(0.793 0.052 68.9);
}
.element {
color: var(--slopes);
background-color: hsl(31 39% 71%);
border-color: oklch(0.793 0.052 68.9);
}Tailwind CSS v4
@theme {
--color-slopes: #d2b698;
--color-slopes-50: #fff3e5;
--color-slopes-100: #f3e5d6;
--color-slopes-200: #e3d1bd;
--color-slopes-300: #c9b39b;
--color-slopes-400: #b3997e;
--color-slopes-500: #9d8061;
--color-slopes-600: #856d52;
--color-slopes-700: #6a5741;
--color-slopes-800: #4f3f2f;
--color-slopes-900: #372b20;
--color-slopes-950: #22190f;
}SCSS
$slopes: #d2b698;
$slopes-rgb: 210, 182, 152;
$slopes-light: mix(#fff, $slopes, 20%);
$slopes-dark: mix(#000, $slopes, 20%);
.element {
color: $slopes;
box-shadow: 0 0 0 2px rgba($slopes, 0.35);
}