Adlandırılmış renk · #533E39
Caviar Black
Caviar Black, #533E39: rgb(83 62 57), hsl(12 19% 27%), oklch(0.385 0.031 33.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Caviar Black color name →
#533E39
oklch(0.385 0.031 33.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 634F4A
- 73615C
- 84736F
- 948682
- A59996
- B7ADAA
- C8C1BF
- DAD5D4
- EDEAE9
Koyu tonlar
- 473530
- 3B2B28
- 30231F
- 251A17
- 1B1210
- 110A09
- 080404
- 020101
- 000000
Gri tonlar
- 584440
- 5C4B46
- 61514D
- 655854
- 6A5E5B
- 6E6563
- 736C6A
- 777271
- 7C7979
Renk uyumları
Tamamlayıcı +180°
- 533E39
Caviar Black
- 30484E
≈ Dad’s Coupe
Analog -30° +30°
- 533E39
Caviar Black
- 523D42
≈ Royal Iris
- 504033
≈ Nutria Fur Brown
Üçlü +120° +240°
- 533E39
Caviar Black
- 37493C
≈ Exclusive Green
- 3E4355
≈ Marshal Blue
Bölünmüş tamamlayıcı +150° +210°
- 533E39
Caviar Black
- 314945
≈ Rich Grey Turquoise
- 364653
≈ Aristocratic Blue
Dörtlü +90° +180° +270°
- 533E39
Caviar Black
- 404735
≈ Country House Green
- 30484E
≈ Dad’s Coupe
- 474052
≈ Jazlyn
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.92:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.11:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 9.92:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
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);
}