Benannte Farbe · #B5A197
Thorn Crown
Thorn Crown ist #B5A197: rgb(181 161 151), hsl(20 17% 65%), oklch(0.724 0.028 48.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Thorn Crown color name →
#B5A197
oklch(0.724 0.028 48.3)
Farbumrechnungen
- HEX
- #b5a197
- RGB
- rgb(181 161 151)
- HSL
- hsl(20 17% 65%)
- HWB
- hwb(20 59% 29%)
- OKLCH
- oklch(0.724 0.028 48.3)
- OKLab
- oklab(0.724 0.018 0.021)
- CIE Lab
- lab(67.8 6.33 8.04)
- LCH
- lch(67.8 10.23 51.8)
- CMYK
- cmyk(0% 11% 17% 29%)
Tints · Shades · Tones
Tints
- BCAAA1
- C4B3AB
- CBBCB5
- D2C6BF
- DACFCA
- E1D9D4
- E8E2DF
- F0ECE9
- F7F5F4
Shades
- 9D8B83
- 86766F
- 6F625C
- 594E49
- 443C37
- 302A26
- 1D1917
- 0C0908
- 020101
Tones
- B09E95
- AA9A92
- A59790
- A0948E
- 9A908B
- 958D89
- 908A87
- 8A8785
- 858382
Farbharmonien
Komplementär +180°
- B5A197
Thorn Crown
- 95AAB4
≈ Meditative
Analog -30° +30°
- B5A197
Thorn Crown
- B79F9F
≈ Dressy Rose
- AFA493
≈ Smoked Tan
Triadisch +120° +240°
- B5A197
Thorn Crown
- 96ACA2
≈ Halcyon Green
- A4A3B7
≈ Awaken
Geteilt komplementär +150° +210°
- B5A197
Thorn Crown
- 92ABAC
≈ Grey Mist
- 9BA7B7
≈ Acier Tint
Tetradisch +90° +180° +270°
- B5A197
Thorn Crown
- 9DAA9A
≈ Scotland Road
- 95AAB4
≈ Meditative
- ADA1B1
≈ Grapeade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.46:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.50:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.50:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--thorn-crown: #b5a197;
--thorn-crown-rgb: 181 161 151;
--thorn-crown-oklch: oklch(0.724 0.028 48.3);
}
.element {
color: var(--thorn-crown);
background-color: hsl(20 17% 65%);
border-color: oklch(0.724 0.028 48.3);
}Tailwind CSS v4
@theme {
--color-thorn-crown: #b5a197;
--color-thorn-crown-50: #fcf3ee;
--color-thorn-crown-100: #f0e5e0;
--color-thorn-crown-200: #dfd1ca;
--color-thorn-crown-300: #c4b4ab;
--color-thorn-crown-400: #ad9a91;
--color-thorn-crown-500: #968177;
--color-thorn-crown-600: #7f6d64;
--color-thorn-crown-700: #665750;
--color-thorn-crown-800: #4b403a;
--color-thorn-crown-900: #342c28;
--color-thorn-crown-950: #1f1916;
}SCSS
$thorn-crown: #b5a197;
$thorn-crown-rgb: 181, 161, 151;
$thorn-crown-light: mix(#fff, $thorn-crown, 20%);
$thorn-crown-dark: mix(#000, $thorn-crown, 20%);
.element {
color: $thorn-crown;
box-shadow: 0 0 0 2px rgba($thorn-crown, 0.35);
}