Benannte Farbe · #D2B49C
Roasted Almond
Roasted Almond ist #D2B49C: rgb(210 180 156), hsl(27 37% 72%), oklch(0.79 0.048 60.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Roasted Almond color name →
#D2B49C
oklch(0.79 0.048 60.7)
Farbumrechnungen
- HEX
- #d2b49c
- RGB
- rgb(210 180 156)
- HSL
- hsl(27 37% 72%)
- HWB
- hwb(27 61% 18%)
- OKLCH
- oklch(0.79 0.048 60.7)
- OKLab
- oklab(0.79 0.023 0.042)
- CIE Lab
- lab(75.5 8.48 16.5)
- LCH
- lch(75.5 18.55 62.8)
- CMYK
- cmyk(0% 14% 26% 18%)
Tints · Shades · Tones
Tints
- D7BBA6
- DBC3AF
- E0CAB9
- E4D2C3
- E9D9CD
- EDE1D7
- F2E8E1
- F6F0EB
- FBF7F5
Shades
- B69C87
- 9B8573
- 816E5F
- 68584C
- 504439
- 393028
- 241D18
- 100C09
- 020201
Tones
- CAAF99
- C1A997
- B9A494
- B19F91
- A89A8E
- A0958B
- 988F89
- 908A86
- 888583
Farbharmonien
Komplementär +180°
- D2B49C
Roasted Almond
- A0BFD7
≈ Bluette
Analog -30° +30°
- D2B49C
Roasted Almond
- D8B0A8
≈ Borlotti Bean
- C6BA98
≈ Beach Dune
Triadisch +120° +240°
- D2B49C
Roasted Almond
- 99C5BC
≈ Pitter Patter
- BFB4D5
≈ Frosted Orchid
Geteilt komplementär +150° +210°
- D2B49C
Roasted Almond
- 97C3CC
≈ Cosmic Blue
- AFBADA
≈ Frosted Iris
Tetradisch +90° +180° +270°
- D2B49C
Roasted Almond
- A5C4AB
≈ Spring Leaves
- A0BFD7
≈ Bluette
- CDB0C9
≈ Lavender Knoll
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.95:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.74:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--roasted-almond: #d2b49c;
--roasted-almond-rgb: 210 180 156;
--roasted-almond-oklch: oklch(0.79 0.048 60.7);
}
.element {
color: var(--roasted-almond);
background-color: hsl(27 37% 72%);
border-color: oklch(0.79 0.048 60.7);
}Tailwind CSS v4
@theme {
--color-roasted-almond: #d2b49c;
--color-roasted-almond-50: #fff3e8;
--color-roasted-almond-100: #f4e5d8;
--color-roasted-almond-200: #e4d0c0;
--color-roasted-almond-300: #cab39f;
--color-roasted-almond-400: #b49882;
--color-roasted-almond-500: #9e7f66;
--color-roasted-almond-600: #866c57;
--color-roasted-almond-700: #6b5645;
--color-roasted-almond-800: #4f3f32;
--color-roasted-almond-900: #372b22;
--color-roasted-almond-950: #221811;
}SCSS
$roasted-almond: #d2b49c;
$roasted-almond-rgb: 210, 180, 156;
$roasted-almond-light: mix(#fff, $roasted-almond, 20%);
$roasted-almond-dark: mix(#000, $roasted-almond, 20%);
.element {
color: $roasted-almond;
box-shadow: 0 0 0 2px rgba($roasted-almond, 0.35);
}