Benannte Farbe · #C08650
Rookwood Amber
Rookwood Amber ist #C08650: rgb(192 134 80), hsl(29 47% 53%), oklch(0.667 0.1 62.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Rookwood Amber color name →
#C08650
oklch(0.667 0.1 62.7)
Farbumrechnungen
- HEX
- #c08650
- RGB
- rgb(192 134 80)
- HSL
- hsl(29 47% 53%)
- HWB
- hwb(29 31% 25%)
- OKLCH
- oklch(0.667 0.1 62.7)
- OKLab
- oklab(0.667 0.046 0.089)
- CIE Lab
- lab(61.05 18.73 38.08)
- LCH
- lch(61.05 42.44 63.8)
- CMYK
- cmyk(0% 30% 58% 25%)
Tints · Shades · Tones
Tints
- C79262
- CD9E74
- D4AA85
- DAB696
- E1C2A8
- E7CEB9
- EDDACA
- F3E6DC
- F9F3ED
Shades
- A77444
- 8E6239
- 76512E
- 5F4024
- 49301A
- 342110
- 201307
- 0E0602
- 020100
Tones
- BA8656
- B4855C
- AD8561
- A78466
- A1846B
- 9A8370
- 948374
- 8D8278
- 87817C
Farbharmonien
Komplementär +180°
- C08650
Rookwood Amber
- 599BCD
≈ Tall Waves
Analog -30° +30°
- C08650
Rookwood Amber
- CA7D6C
≈ Canyon Clay
- AA9346
≈ Epidote Olvene Ore
Triadisch +120° +240°
- C08650
Rookwood Amber
- 3BA89A
≈ Jewel Weed
- A085C7
≈ Lilac Purple
Geteilt komplementär +150° +210°
- C08650
Rookwood Amber
- 37A4B9
≈ Sparkling Cove
- 7F90D2
≈ Mood Mode
Tetradisch +90° +180° +270°
- C08650
Rookwood Amber
- 61A676
≈ Aqua Forest
- 599BCD
≈ Tall Waves
- B97DAF
≈ Cheddar Pink Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.10:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.76:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--rookwood-amber: #c08650;
--rookwood-amber-rgb: 192 134 80;
--rookwood-amber-oklch: oklch(0.667 0.1 62.7);
}
.element {
color: var(--rookwood-amber);
background-color: hsl(29 47% 53%);
border-color: oklch(0.667 0.1 62.7);
}Tailwind CSS v4
@theme {
--color-rookwood-amber: #c08650;
--color-rookwood-amber-50: #fff0d8;
--color-rookwood-amber-100: #ffe2c6;
--color-rookwood-amber-200: #f3cca8;
--color-rookwood-amber-300: #dcad81;
--color-rookwood-amber-400: #c9915e;
--color-rookwood-amber-500: #b57638;
--color-rookwood-amber-600: #996431;
--color-rookwood-amber-700: #7b5027;
--color-rookwood-amber-800: #5b3a1b;
--color-rookwood-amber-900: #402712;
--color-rookwood-amber-950: #291504;
}SCSS
$rookwood-amber: #c08650;
$rookwood-amber-rgb: 192, 134, 80;
$rookwood-amber-light: mix(#fff, $rookwood-amber, 20%);
$rookwood-amber-dark: mix(#000, $rookwood-amber, 20%);
.element {
color: $rookwood-amber;
box-shadow: 0 0 0 2px rgba($rookwood-amber, 0.35);
}