Benannte Farbe · #9A8678
Almond Frost
Almond Frost ist #9A8678: rgb(154 134 120), hsl(25 14% 54%), oklch(0.634 0.032 57.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Almond Frost color name →
#9A8678
oklch(0.634 0.032 57.1)
Farbumrechnungen
- HEX
- #9a8678
- RGB
- rgb(154 134 120)
- HSL
- hsl(25 14% 54%)
- HWB
- hwb(25 47% 40%)
- OKLCH
- oklch(0.634 0.032 57.1)
- OKLab
- oklab(0.634 0.017 0.027)
- CIE Lab
- lab(57.48 6.12 10.5)
- LCH
- lch(57.48 12.16 59.8)
- CMYK
- cmyk(0% 13% 22% 40%)
Tints · Shades · Tones
Tints
- A49185
- AE9D92
- B8A99F
- C2B5AC
- CCC1B9
- D6CDC7
- E0D9D5
- EAE6E3
- F5F2F1
Shades
- 857467
- 716257
- 5E5148
- 4B4039
- 39302A
- 27211D
- 171310
- 090605
- 010101
Tones
- 978579
- 95857A
- 92847B
- 90847B
- 8D837C
- 8A827D
- 88827E
- 85817F
- 83817F
Farbharmonien
Komplementär +180°
- 9A8678
Almond Frost
- 798E9C
≈ Sidewalk Grey
Analog -30° +30°
- 9A8678
Almond Frost
- 9D8480
≈ Pigeon Pink
- 938A75
≈ Sage Advice
Triadisch +120° +240°
- 9A8678
Almond Frost
- 77918A
≈ Longmeadow
- 8C879C
≈ Purple Ragwort
Geteilt komplementär +150° +210°
- 9A8678
Almond Frost
- 759094
≈ Weathered Pebble
- 828A9E
≈ Prophetic Sea
Tetradisch +90° +180° +270°
- 9A8678
Almond Frost
- 7E907F
≈ Green Bay
- 798E9C
≈ Sidewalk Grey
- 958495
≈ Femme Fatale
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.46:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.05:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 6.05:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--almond-frost: #9a8678;
--almond-frost-rgb: 154 134 120;
--almond-frost-oklch: oklch(0.634 0.032 57.1);
}
.element {
color: var(--almond-frost);
background-color: hsl(25 14% 54%);
border-color: oklch(0.634 0.032 57.1);
}Tailwind CSS v4
@theme {
--color-almond-frost: #9a8678;
--color-almond-frost-50: #fcf3ec;
--color-almond-frost-100: #f0e6de;
--color-almond-frost-200: #dfd1c7;
--color-almond-frost-300: #c4b4a8;
--color-almond-frost-400: #ae9a8d;
--color-almond-frost-500: #978172;
--color-almond-frost-600: #806d61;
--color-almond-frost-700: #66574d;
--color-almond-frost-800: #4b4038;
--color-almond-frost-900: #342c26;
--color-almond-frost-950: #201915;
}SCSS
$almond-frost: #9a8678;
$almond-frost-rgb: 154, 134, 120;
$almond-frost-light: mix(#fff, $almond-frost, 20%);
$almond-frost-dark: mix(#000, $almond-frost, 20%);
.element {
color: $almond-frost;
box-shadow: 0 0 0 2px rgba($almond-frost, 0.35);
}