Benannte Farbe · #AB9975
Caraway Shield
Caraway Shield ist #AB9975: rgb(171 153 117), hsl(40 24% 56%), oklch(0.69 0.054 84.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Caraway Shield color name →
#AB9975
oklch(0.69 0.054 84.4)
Farbumrechnungen
- HEX
- #ab9975
- RGB
- rgb(171 153 117)
- HSL
- hsl(40 24% 56%)
- HWB
- hwb(40 46% 33%)
- OKLCH
- oklch(0.69 0.054 84.4)
- OKLab
- oklab(0.69 0.005 0.054)
- CIE Lab
- lab(64.14 2.78 21.54)
- LCH
- lch(64.14 21.72 82.6)
- CMYK
- cmyk(0% 11% 32% 33%)
Tints · Shades · Tones
Tints
- B3A382
- BBAD90
- C4B79D
- CCC1AB
- D4CBB9
- DDD5C6
- E5E0D4
- EEEAE2
- F6F4F1
Shades
- 948465
- 7E7055
- 685D46
- 544A37
- 403829
- 2D271C
- 1B170F
- 0B0805
- 010101
Tones
- A79776
- A29478
- 9E9279
- 9A8F7A
- 958D7B
- 918A7C
- 8D887D
- 88857E
- 84837F
Farbharmonien
Komplementär +180°
- AB9975
Caraway Shield
- 8B9BBE
≈ Lavender Lustre
Analog -30° +30°
- AB9975
Caraway Shield
- B6937C
≈ Changing Seasons
- 9AA079
≈ Renkon Beige
Triadisch +120° +240°
- AB9975
Caraway Shield
- 73A5AB
≈ Spartacus
- AD90AE
≈ Knight’s Tale
Geteilt komplementär +150° +210°
- AB9975
Caraway Shield
- 7AA1B8
≈ Grey Blue
- 9D95BA
≈ Lush Mauve
Tetradisch +90° +180° +270°
- AB9975
Caraway Shield
- 78A799
≈ Twining Vine
- 8B9BBE
≈ Lavender Lustre
- B78E9D
≈ Monastir
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.78:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.54:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--caraway-shield: #ab9975;
--caraway-shield-rgb: 171 153 117;
--caraway-shield-oklch: oklch(0.69 0.054 84.4);
}
.element {
color: var(--caraway-shield);
background-color: hsl(40 24% 56%);
border-color: oklch(0.69 0.054 84.4);
}Tailwind CSS v4
@theme {
--color-caraway-shield: #ab9975;
--color-caraway-shield-50: #fcf4e4;
--color-caraway-shield-100: #f0e7d4;
--color-caraway-shield-200: #ded3bb;
--color-caraway-shield-300: #c4b698;
--color-caraway-shield-400: #ad9c7a;
--color-caraway-shield-500: #97845c;
--color-caraway-shield-600: #806f4f;
--color-caraway-shield-700: #66593f;
--color-caraway-shield-800: #4c412d;
--color-caraway-shield-900: #352d1e;
--color-caraway-shield-950: #201a0e;
}SCSS
$caraway-shield: #ab9975;
$caraway-shield-rgb: 171, 153, 117;
$caraway-shield-light: mix(#fff, $caraway-shield, 20%);
$caraway-shield-dark: mix(#000, $caraway-shield, 20%);
.element {
color: $caraway-shield;
box-shadow: 0 0 0 2px rgba($caraway-shield, 0.35);
}