Nächste benannte Farbe · #AC9878
#AC9878
Nächste benannte Farbe: Incense
#AC9878 (rgb(172 152 120), hsl(37 24% 57%), oklch(0.689 0.05 79.4)) liegt am nächsten an der benannten Farbe Incense. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AC9878
oklch(0.689 0.05 79.4)
Farbumrechnungen
- HEX
- #ac9878
- RGB
- rgb(172 152 120)
- HSL
- hsl(37 24% 57%)
- HWB
- hwb(37 47% 33%)
- OKLCH
- oklch(0.689 0.05 79.4)
- OKLab
- oklab(0.689 0.009 0.05)
- CIE Lab
- lab(64.02 4 19.76)
- LCH
- lch(64.02 20.16 78.5)
- CMYK
- cmyk(0% 12% 30% 33%)
Tints · Shades · Tones
Tints
- B4A285
- BCAC92
- C4B69F
- CDC0AD
- D5CBBA
- DDD5C8
- E6DFD5
- EEEAE3
- F6F4F1
Shades
- 958467
- 7F7057
- 695C48
- 544A39
- 40382A
- 2D271D
- 1B1710
- 0B0805
- 010101
Tones
- A89679
- A3937A
- 9F917B
- 9A8E7C
- 968C7D
- 918A7D
- 8D877E
- 89857F
- 84827F
Farbharmonien
Komplementär +180°
- AC9878
Incense
- 899CBB
≈ Sailing
Analog -30° +30°
- AC9878
Incense
- B69280
≈ Changing Seasons
- 9D9E7A
≈ Bonsai Garden
Triadisch +120° +240°
- AC9878
Incense
- 76A5A7
≈ Sightful
- A991AF
≈ Knight’s Tale
Geteilt komplementär +150° +210°
- AC9878
Incense
- 7BA2B4
≈ Grey Blue
- 9A96B9
≈ Tusi Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.51:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--incense: #ac9878;
--incense-rgb: 172 152 120;
--incense-oklch: oklch(0.689 0.05 79.4);
}
.element {
color: var(--incense);
background-color: hsl(37 24% 57%);
border-color: oklch(0.689 0.05 79.4);
}Tailwind CSS v4
@theme {
--color-incense: #ac9878;
--color-incense-50: #fdf4e5;
--color-incense-100: #f1e7d5;
--color-incense-200: #dfd3bd;
--color-incense-300: #c5b59b;
--color-incense-400: #af9c7d;
--color-incense-500: #988360;
--color-incense-600: #816f52;
--color-incense-700: #675841;
--color-incense-800: #4c402f;
--color-incense-900: #352c1f;
--color-incense-950: #20190f;
}SCSS
$incense: #ac9878;
$incense-rgb: 172, 152, 120;
$incense-light: mix(#fff, $incense, 20%);
$incense-dark: mix(#000, $incense, 20%);
.element {
color: $incense;
box-shadow: 0 0 0 2px rgba($incense, 0.35);
}