Benannte Farbe · #A08D7A
Cavern
Cavern ist #A08D7A: rgb(160 141 122), hsl(30 17% 55%), oklch(0.655 0.036 67.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cavern color name →
#A08D7A
oklch(0.655 0.036 67.1)
Farbumrechnungen
- HEX
- #a08d7a
- RGB
- rgb(160 141 122)
- HSL
- hsl(30 17% 55%)
- HWB
- hwb(30 48% 37%)
- OKLCH
- oklch(0.655 0.036 67.1)
- OKLab
- oklab(0.655 0.014 0.033)
- CIE Lab
- lab(59.98 5.08 12.93)
- LCH
- lch(59.98 13.89 68.6)
- CMYK
- cmyk(0% 12% 24% 37%)
Tints · Shades · Tones
Tints
- A99887
- B2A393
- BCAEA0
- C5B9AD
- CFC5BB
- D8D0C8
- E2DCD6
- EBE7E3
- F5F3F1
Shades
- 8B7A69
- 766759
- 615549
- 4E443A
- 3B332B
- 29231D
- 191410
- 090705
- 010101
Tones
- 9D8C7B
- 9A8A7B
- 96897C
- 93887D
- 90877D
- 8D857E
- 8A847E
- 86837F
- 83817F
Farbharmonien
Komplementär +180°
- A08D7A
Cavern
- 8093A6
≈ Dusty Blue
Analog -30° +30°
- A08D7A
Cavern
- A58A82
≈ Light Caramel
- 979179
≈ Grassy Savannah
Triadisch +120° +240°
- A08D7A
Cavern
- 799894
≈ Secluded Garden
- 968BA2
≈ Eccentricity
Geteilt komplementär +150° +210°
- A08D7A
Cavern
- 79979F
≈ Kingfisher Grey
- 8B8FA7
≈ Delicate Violet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.18:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.58:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--cavern: #a08d7a;
--cavern-rgb: 160 141 122;
--cavern-oklch: oklch(0.655 0.036 67.1);
}
.element {
color: var(--cavern);
background-color: hsl(30 17% 55%);
border-color: oklch(0.655 0.036 67.1);
}Tailwind CSS v4
@theme {
--color-cavern: #a08d7a;
--color-cavern-50: #fcf4eb;
--color-cavern-100: #f0e6db;
--color-cavern-200: #dfd2c4;
--color-cavern-300: #c4b5a4;
--color-cavern-400: #ad9b89;
--color-cavern-500: #97826d;
--color-cavern-600: #7f6e5d;
--color-cavern-700: #66584a;
--color-cavern-800: #4b4036;
--color-cavern-900: #342c25;
--color-cavern-950: #201913;
}SCSS
$cavern: #a08d7a;
$cavern-rgb: 160, 141, 122;
$cavern-light: mix(#fff, $cavern, 20%);
$cavern-dark: mix(#000, $cavern, 20%);
.element {
color: $cavern;
box-shadow: 0 0 0 2px rgba($cavern, 0.35);
}