이름 색상 · #85443F
Spiced Berry
Spiced Berry은(는) #85443F: rgb(133 68 63), hsl(4 36% 38%), oklch(0.466 0.09 25.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Spiced Berry color name →
#85443F
oklch(0.466 0.09 25.7)
색상 변환
- HEX
- #85443f
- RGB
- rgb(133 68 63)
- HSL
- hsl(4 36% 38%)
- HWB
- hwb(4 25% 48%)
- OKLCH
- oklch(0.466 0.09 25.7)
- OKLab
- oklab(0.466 0.081 0.039)
- CIE Lab
- lab(37.23 28.01 16.29)
- LCH
- lch(37.23 32.4 30.2)
- CMYK
- cmyk(0% 49% 53% 48%)
틴트 · 셰이드 · 톤
틴트
- 925650
- 9F6862
- AB7A74
- B78C87
- C49E9A
- D0B1AE
- DCC4C1
- E8D8D6
- F3EBEA
셰이드
- 733A35
- 61302C
- 502623
- 401D1B
- 301412
- 210C0A
- 130504
- 060201
- 010000
톤
- 854A45
- 86514C
- 865752
- 855D59
- 85635F
- 846966
- 846F6C
- 837473
- 817A79
색 조화
보색 +180°
- 85443F
Spiced Berry
- 00666F
≈ Wakame Green
유사색 -30° +30°
- 85443F
Spiced Berry
- 81435C
≈ Wild Plum
- 804B22
≈ Mummy Brown
삼각 배색 +120° +240°
- 85443F
Spiced Berry
- 36673A
≈ Vegas Green
- 42588C
≈ Lambent Lagoon
분열 보색 +150° +210°
- 85443F
Spiced Berry
- 006958
≈ Fresh Ivy Green
- 186185
≈ Blue Velvet
사각 배색 +90° +180° +270°
- 85443F
Spiced Berry
- 58601C
≈ Kirchner Green
- 00666F
≈ Wakame Green
- 5E4E86
≈ Bright Eggplant
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.25:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.89:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--spiced-berry: #85443f;
--spiced-berry-rgb: 133 68 63;
--spiced-berry-oklch: oklch(0.466 0.09 25.7);
}
.element {
color: var(--spiced-berry);
background-color: hsl(4 36% 38%);
border-color: oklch(0.466 0.09 25.7);
}Tailwind CSS v4
@theme {
--color-spiced-berry: #85443f;
--color-spiced-berry-50: #ffece7;
--color-spiced-berry-100: #ffddd8;
--color-spiced-berry-200: #f9c6bf;
--color-spiced-berry-300: #e2a69e;
--color-spiced-berry-400: #ce8a83;
--color-spiced-berry-500: #ba6e67;
--color-spiced-berry-600: #9e5d57;
--color-spiced-berry-700: #7e4a46;
--color-spiced-berry-800: #5e3533;
--color-spiced-berry-900: #422423;
--color-spiced-berry-950: #2a1312;
}SCSS
$spiced-berry: #85443f;
$spiced-berry-rgb: 133, 68, 63;
$spiced-berry-light: mix(#fff, $spiced-berry, 20%);
$spiced-berry-dark: mix(#000, $spiced-berry, 20%);
.element {
color: $spiced-berry;
box-shadow: 0 0 0 2px rgba($spiced-berry, 0.35);
}