이름 색상 · #B3A18E
Light Spice
Light Spice은(는) #B3A18E: rgb(179 161 142), hsl(31 20% 63%), oklch(0.719 0.034 68.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Spice color name →
#B3A18E
oklch(0.719 0.034 68.8)
색상 변환
- HEX
- #b3a18e
- RGB
- rgb(179 161 142)
- HSL
- hsl(31 20% 63%)
- HWB
- hwb(31 56% 30%)
- OKLCH
- oklch(0.719 0.034 68.8)
- OKLab
- oklab(0.719 0.012 0.032)
- CIE Lab
- lab(67.44 4.5 12.46)
- LCH
- lch(67.44 13.24 70.1)
- CMYK
- cmyk(0% 10% 21% 30%)
틴트 · 셰이드 · 톤
틴트
- BAAA99
- C2B3A4
- C9BCAF
- D1C6BA
- D9CFC5
- E0D9D1
- E8E2DC
- F0ECE8
- F7F5F3
셰이드
- 9B8B7B
- 847668
- 6E6256
- 584E44
- 433C34
- 2F2A24
- 1D1915
- 0C0907
- 010101
톤
- AE9E8D
- A99A8B
- A3978A
- 9E9489
- 999087
- 948D86
- 8F8A84
- 8A8783
- 858381
색 조화
보색 +180°
- B3A18E
Light Spice
- 94A7B9
≈ River Valley
유사색 -30° +30°
- B3A18E
Light Spice
- B89E95
≈ Big Horn Mountains
- A9A58D
≈ Lodgepole Pines
삼각 배색 +120° +240°
- B3A18E
Light Spice
- 8DACA9
≈ Oceanus
- AB9FB5
≈ Grapeade
분열 보색 +150° +210°
- B3A18E
Light Spice
- 8DAAB3
≈ Aquitaine
- 9FA3BA
≈ Icelandic Blue
사각 배색 +90° +180° +270°
- B3A18E
Light Spice
- 93AB9D
≈ Melville
- 94A7B9
≈ River Valley
- B49DAC
≈ Mauve Muslin
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.49:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.40:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.40:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--light-spice: #b3a18e;
--light-spice-rgb: 179 161 142;
--light-spice-oklch: oklch(0.719 0.034 68.8);
}
.element {
color: var(--light-spice);
background-color: hsl(31 20% 63%);
border-color: oklch(0.719 0.034 68.8);
}Tailwind CSS v4
@theme {
--color-light-spice: #b3a18e;
--color-light-spice-50: #fcf4eb;
--color-light-spice-100: #efe6dc;
--color-light-spice-200: #ded2c5;
--color-light-spice-300: #c3b5a5;
--color-light-spice-400: #ac9b89;
--color-light-spice-500: #96826e;
--color-light-spice-600: #7e6e5d;
--color-light-spice-700: #65584b;
--color-light-spice-800: #4b4036;
--color-light-spice-900: #342c25;
--color-light-spice-950: #1f1913;
}SCSS
$light-spice: #b3a18e;
$light-spice-rgb: 179, 161, 142;
$light-spice-light: mix(#fff, $light-spice, 20%);
$light-spice-dark: mix(#000, $light-spice, 20%);
.element {
color: $light-spice;
box-shadow: 0 0 0 2px rgba($light-spice, 0.35);
}