이름 색상 · #533E39
Caviar Black
Caviar Black은(는) #533E39: rgb(83 62 57), hsl(12 19% 27%), oklch(0.385 0.031 33.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Caviar Black color name →
#533E39
oklch(0.385 0.031 33.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 634F4A
- 73615C
- 84736F
- 948682
- A59996
- B7ADAA
- C8C1BF
- DAD5D4
- EDEAE9
셰이드
- 473530
- 3B2B28
- 30231F
- 251A17
- 1B1210
- 110A09
- 080404
- 020101
- 000000
톤
- 584440
- 5C4B46
- 61514D
- 655854
- 6A5E5B
- 6E6563
- 736C6A
- 777271
- 7C7979
색 조화
보색 +180°
- 533E39
Caviar Black
- 30484E
≈ Dad’s Coupe
유사색 -30° +30°
- 533E39
Caviar Black
- 523D42
≈ Royal Iris
- 504033
≈ Nutria Fur Brown
삼각 배색 +120° +240°
- 533E39
Caviar Black
- 37493C
≈ Exclusive Green
- 3E4355
≈ Marshal Blue
분열 보색 +150° +210°
- 533E39
Caviar Black
- 314945
≈ Rich Grey Turquoise
- 364653
≈ Aristocratic Blue
사각 배색 +90° +180° +270°
- 533E39
Caviar Black
- 404735
≈ Country House Green
- 30484E
≈ Dad’s Coupe
- 474052
≈ Jazlyn
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.92:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 2.11:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 9.92:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
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);
}