Benannte Farbe · #AF9479
Nomadic
Nomadic ist #AF9479: rgb(175 148 121), hsl(30 25% 58%), oklch(0.684 0.05 66.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Nomadic color name →
#AF9479
oklch(0.684 0.05 66.8)
Farbumrechnungen
- HEX
- #af9479
- RGB
- rgb(175 148 121)
- HSL
- hsl(30 25% 58%)
- HWB
- hwb(30 47% 31%)
- OKLCH
- oklch(0.684 0.05 66.8)
- OKLab
- oklab(0.684 0.02 0.046)
- CIE Lab
- lab(63.28 7.42 18.28)
- LCH
- lch(63.28 19.73 67.9)
- CMYK
- cmyk(0% 15% 31% 31%)
Tints · Shades · Tones
Tints
- B79E86
- BFA993
- C7B3A0
- CFBEAD
- D7C8BA
- DFD3C8
- E7DED6
- EFE9E3
- F7F4F1
Shades
- 988068
- 816D58
- 6B5A48
- 564839
- 41362B
- 2E261D
- 1C1610
- 0B0805
- 010101
Tones
- AA927A
- A6907B
- A18E7C
- 9C8C7C
- 978A7D
- 93887E
- 8E867E
- 89847F
- 85827F
Farbharmonien
Komplementär +180°
- AF9479
Nomadic
- 819DB7
≈ Office Blue
Analog -30° +30°
- AF9479
Nomadic
- B68F84
≈ Ponder
- A29A77
≈ Tallow
Triadisch +120° +240°
- AF9479
Nomadic
- 76A49E
≈ Catalina
- A192B2
≈ Compliment
Geteilt komplementär +150° +210°
- AF9479
Nomadic
- 76A2AE
≈ Seascape
- 9197B9
≈ Lively Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.86:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.33:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--nomadic: #af9479;
--nomadic-rgb: 175 148 121;
--nomadic-oklch: oklch(0.684 0.05 66.8);
}
.element {
color: var(--nomadic);
background-color: hsl(30 25% 58%);
border-color: oklch(0.684 0.05 66.8);
}Tailwind CSS v4
@theme {
--color-nomadic: #af9479;
--color-nomadic-50: #fff3e6;
--color-nomadic-100: #f3e5d7;
--color-nomadic-200: #e3d1be;
--color-nomadic-300: #c9b39d;
--color-nomadic-400: #b3997f;
--color-nomadic-500: #9d8063;
--color-nomadic-600: #856c54;
--color-nomadic-700: #6a5743;
--color-nomadic-800: #4f3f30;
--color-nomadic-900: #372b21;
--color-nomadic-950: #221910;
}SCSS
$nomadic: #af9479;
$nomadic-rgb: 175, 148, 121;
$nomadic-light: mix(#fff, $nomadic, 20%);
$nomadic-dark: mix(#000, $nomadic, 20%);
.element {
color: $nomadic;
box-shadow: 0 0 0 2px rgba($nomadic, 0.35);
}