Benannte Farbe · #533E39
Caviar Black
Caviar Black ist #533E39: rgb(83 62 57), hsl(12 19% 27%), oklch(0.385 0.031 33.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Caviar Black color name →
#533E39
oklch(0.385 0.031 33.7)
Farbumrechnungen
- HEX
- #533e39
- RGB
- rgb(83 62 57)
- HSL
- hsl(12 19% 27%)
- HWB
- hwb(12 22% 67%)
- OKLCH
- oklch(0.385 0.031 33.7)
- OKLab
- oklab(0.385 0.026 0.017)
- CIE Lab
- lab(28.45 8.86 6.82)
- LCH
- lch(28.45 11.18 37.6)
- CMYK
- cmyk(0% 25% 31% 67%)
Tints · Shades · Tones
Tints
- 634F4A
- 73615C
- 84736F
- 948682
- A59996
- B7ADAA
- C8C1BF
- DAD5D4
- EDEAE9
Shades
- 473530
- 3B2B28
- 30231F
- 251A17
- 1B1210
- 110A09
- 080404
- 020101
- 000000
Tones
- 584440
- 5C4B46
- 61514D
- 655854
- 6A5E5B
- 6E6563
- 736C6A
- 777271
- 7C7979
Farbharmonien
Komplementär +180°
- 533E39
Caviar Black
- 30484E
≈ Dad’s Coupe
Analog -30° +30°
- 533E39
Caviar Black
- 523D42
≈ Royal Iris
- 504033
≈ Nutria Fur Brown
Triadisch +120° +240°
- 533E39
Caviar Black
- 37493C
≈ Exclusive Green
- 3E4355
≈ Marshal Blue
Geteilt komplementär +150° +210°
- 533E39
Caviar Black
- 314945
≈ Rich Grey Turquoise
- 364653
≈ Aristocratic Blue
Tetradisch +90° +180° +270°
- 533E39
Caviar Black
- 404735
≈ Country House Green
- 30484E
≈ Dad’s Coupe
- 474052
≈ Jazlyn
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.92:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.11:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 9.92:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--caviar-black: #533e39;
--caviar-black-rgb: 83 62 57;
--caviar-black-oklch: oklch(0.385 0.031 33.7);
}
.element {
color: var(--caviar-black);
background-color: hsl(12 19% 27%);
border-color: oklch(0.385 0.031 33.7);
}Tailwind CSS v4
@theme {
--color-caviar-black: #533e39;
--color-caviar-black-50: #fef2ef;
--color-caviar-black-100: #f2e5e1;
--color-caviar-black-200: #e1d0cb;
--color-caviar-black-300: #c6b2ad;
--color-caviar-black-400: #b09893;
--color-caviar-black-500: #9a7f79;
--color-caviar-black-600: #826c66;
--color-caviar-black-700: #685652;
--color-caviar-black-800: #4d3f3c;
--color-caviar-black-900: #352b29;
--color-caviar-black-950: #201817;
}SCSS
$caviar-black: #533e39;
$caviar-black-rgb: 83, 62, 57;
$caviar-black-light: mix(#fff, $caviar-black, 20%);
$caviar-black-dark: mix(#000, $caviar-black, 20%);
.element {
color: $caviar-black;
box-shadow: 0 0 0 2px rgba($caviar-black, 0.35);
}