Benannte Farbe · #AD9569
There’s No Place Like Home
There’s No Place Like Home ist #AD9569: rgb(173 149 105), hsl(39 29% 55%), oklch(0.681 0.066 82.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · There’s No Place Like Home color name →
#AD9569
oklch(0.681 0.066 82.3)
Farbumrechnungen
- HEX
- #ad9569
- RGB
- rgb(173 149 105)
- HSL
- hsl(39 29% 55%)
- HWB
- hwb(39 41% 32%)
- OKLCH
- oklch(0.681 0.066 82.3)
- OKLab
- oklab(0.681 0.009 0.066)
- CIE Lab
- lab(63.09 4.59 26.75)
- LCH
- lch(63.09 27.14 80.3)
- CMYK
- cmyk(0% 14% 39% 32%)
Tints · Shades · Tones
Tints
- B59F78
- BDAA86
- C5B495
- CDBFA4
- D6C9B3
- DED4C2
- E6DED1
- EEE9E0
- F7F4F0
Shades
- 96815A
- 7F6D4C
- 6A5A3E
- 554831
- 413724
- 2D2618
- 1B160C
- 0B0804
- 010100
Tones
- A8936C
- A4916E
- 9F8F71
- 9B8D73
- 968B76
- 928978
- 8D867A
- 89847C
- 84827E
Farbharmonien
Komplementär +180°
- AD9569
There’s No Place Like Home
- 8299C2
≈ Bel Air Blue
Analog -30° +30°
- AD9569
There’s No Place Like Home
- BA8D73
≈ Maple
- 999D6D
≈ Domain
Triadisch +120° +240°
- AD9569
There’s No Place Like Home
- 65A5AA
≈ Blue Mercury
- AC8BB1
≈ Revered
Geteilt komplementär +150° +210°
- AD9569
There’s No Place Like Home
- 6EA0BB
≈ Adventure Isle
- 9991BF
≈ Royal Glimmer
Tetradisch +90° +180° +270°
- AD9569
There’s No Place Like Home
- 6DA694
≈ Harmony in Green
- 8299C2
≈ Bel Air Blue
- B9889D
≈ Mauvey Nude
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.88:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.27:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--there-s-no-place-like-home: #ad9569;
--there-s-no-place-like-home-rgb: 173 149 105;
--there-s-no-place-like-home-oklch: oklch(0.681 0.066 82.3);
}
.element {
color: var(--there-s-no-place-like-home);
background-color: hsl(39 29% 55%);
border-color: oklch(0.681 0.066 82.3);
}Tailwind CSS v4
@theme {
--color-there-s-no-place-like-home: #ad9569;
--color-there-s-no-place-like-home-50: #fef4e0;
--color-there-s-no-place-like-home-100: #f2e7cf;
--color-there-s-no-place-like-home-200: #e2d3b5;
--color-there-s-no-place-like-home-300: #c7b591;
--color-there-s-no-place-like-home-400: #b29b71;
--color-there-s-no-place-like-home-500: #9c8252;
--color-there-s-no-place-like-home-600: #846e46;
--color-there-s-no-place-like-home-700: #6a5837;
--color-there-s-no-place-like-home-800: #4e4027;
--color-there-s-no-place-like-home-900: #372c1a;
--color-there-s-no-place-like-home-950: #21190b;
}SCSS
$there-s-no-place-like-home: #ad9569;
$there-s-no-place-like-home-rgb: 173, 149, 105;
$there-s-no-place-like-home-light: mix(#fff, $there-s-no-place-like-home, 20%);
$there-s-no-place-like-home-dark: mix(#000, $there-s-no-place-like-home, 20%);
.element {
color: $there-s-no-place-like-home;
box-shadow: 0 0 0 2px rgba($there-s-no-place-like-home, 0.35);
}