Benannte Farbe · #A4947E
Urban Jungle
Urban Jungle ist #A4947E: rgb(164 148 126), hsl(35 17% 57%), oklch(0.675 0.037 75.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Urban Jungle color name →
#A4947E
oklch(0.675 0.037 75.8)
Farbumrechnungen
- HEX
- #a4947e
- RGB
- rgb(164 148 126)
- HSL
- hsl(35 17% 57%)
- HWB
- hwb(35 49% 36%)
- OKLCH
- oklch(0.675 0.037 75.8)
- OKLab
- oklab(0.675 0.009 0.035)
- CIE Lab
- lab(62.3 3.47 13.96)
- LCH
- lch(62.3 14.38 76.1)
- CMYK
- cmyk(0% 10% 23% 36%)
Tints · Shades · Tones
Tints
- AD9E8A
- B6A997
- BFB3A3
- C8BEB0
- D1C8BD
- DAD3CA
- E3DED7
- ECE9E4
- F6F4F2
Shades
- 8E806D
- 796D5C
- 645A4C
- 50483C
- 3D362D
- 2B261F
- 1A1611
- 0A0805
- 010101
Tones
- A0927E
- 9D907F
- 998E7F
- 968C7F
- 928A7F
- 8E887F
- 8B8680
- 878480
- 848280
Farbharmonien
Komplementär +180°
- A4947E
Urban Jungle
- 8898AD
≈ Norwegian Night
Analog -30° +30°
- A4947E
Urban Jungle
- AB9084
≈ Hollow Brown
- 99987F
≈ Canyon Falls
Triadisch +120° +240°
- A4947E
Urban Jungle
- 7D9E9E
≈ Salt Blue
- A090A6
≈ Ancestry Violet
Geteilt komplementär +150° +210°
- A4947E
Urban Jungle
- 7F9CA8
≈ Serene Stream
- 9494AD
≈ Cosmic Energy
Tetradisch +90° +180° +270°
- A4947E
Urban Jungle
- 829E91
≈ Padded Leaf
- 8898AD
≈ Norwegian Night
- A88E9B
≈ Reserve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.95:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.11:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--urban-jungle: #a4947e;
--urban-jungle-rgb: 164 148 126;
--urban-jungle-oklch: oklch(0.675 0.037 75.8);
}
.element {
color: var(--urban-jungle);
background-color: hsl(35 17% 57%);
border-color: oklch(0.675 0.037 75.8);
}Tailwind CSS v4
@theme {
--color-urban-jungle: #a4947e;
--color-urban-jungle-50: #fbf4ea;
--color-urban-jungle-100: #efe7db;
--color-urban-jungle-200: #ddd3c3;
--color-urban-jungle-300: #c2b5a3;
--color-urban-jungle-400: #ab9c87;
--color-urban-jungle-500: #95836b;
--color-urban-jungle-600: #7e6f5b;
--color-urban-jungle-700: #655949;
--color-urban-jungle-800: #4a4134;
--color-urban-jungle-900: #332d24;
--color-urban-jungle-950: #1f1a13;
}SCSS
$urban-jungle: #a4947e;
$urban-jungle-rgb: 164, 148, 126;
$urban-jungle-light: mix(#fff, $urban-jungle, 20%);
$urban-jungle-dark: mix(#000, $urban-jungle, 20%);
.element {
color: $urban-jungle;
box-shadow: 0 0 0 2px rgba($urban-jungle, 0.35);
}