Nächste benannte Farbe · #AD9878
#AD9878
Nächste benannte Farbe: Incense
#AD9878 (rgb(173 152 120), hsl(36 24% 57%), oklch(0.69 0.051 78.2)) liegt am nächsten an der benannten Farbe Incense. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AD9878
oklch(0.69 0.051 78.2)
Farbumrechnungen
- HEX
- #ad9878
- RGB
- rgb(173 152 120)
- HSL
- hsl(36 24% 57%)
- HWB
- hwb(36 47% 32%)
- OKLCH
- oklch(0.69 0.051 78.2)
- OKLab
- oklab(0.69 0.01 0.05)
- CIE Lab
- lab(64.12 4.41 19.91)
- LCH
- lch(64.12 20.39 77.5)
- CMYK
- cmyk(0% 12% 31% 32%)
Tints · Shades · Tones
Tints
- B5A285
- BDAC92
- C5B69F
- CDC0AD
- D5CBBA
- DED5C8
- E6DFD5
- EEEAE3
- F7F4F1
Shades
- 968467
- 7F7057
- 6A5C48
- 554A39
- 41382A
- 2D271D
- 1B1710
- 0B0805
- 010101
Tones
- A89679
- A4937A
- 9F917B
- 9B8E7C
- 968C7D
- 928A7D
- 8D877E
- 89857F
- 84827F
Farbharmonien
Komplementär +180°
- AD9878
Incense
- 889DBB
≈ Sailing
Analog -30° +30°
- AD9878
Incense
- B79280
≈ Changing Seasons
- 9E9E7A
≈ Bonsai Garden
Triadisch +120° +240°
- AD9878
Incense
- 76A5A7
≈ Sightful
- A992B0
≈ Knight’s Tale
Geteilt komplementär +150° +210°
- AD9878
Incense
- 7AA2B5
≈ Grey Blue
- 9997BA
≈ Thistle Down
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.78:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.53:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--incense: #ad9878;
--incense-rgb: 173 152 120;
--incense-oklch: oklch(0.69 0.051 78.2);
}
.element {
color: var(--incense);
background-color: hsl(36 24% 57%);
border-color: oklch(0.69 0.051 78.2);
}Tailwind CSS v4
@theme {
--color-incense: #ad9878;
--color-incense-50: #fdf4e5;
--color-incense-100: #f1e6d5;
--color-incense-200: #e0d2bc;
--color-incense-300: #c5b59b;
--color-incense-400: #af9b7d;
--color-incense-500: #998260;
--color-incense-600: #816e51;
--color-incense-700: #685841;
--color-incense-800: #4d402e;
--color-incense-900: #352c1f;
--color-incense-950: #20190f;
}SCSS
$incense: #ad9878;
$incense-rgb: 173, 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);
}