이름 색상 · #934337
Persimmon Juice
Persimmon Juice은(는) #934337: rgb(147 67 55), hsl(8 46% 40%), oklch(0.484 0.111 30.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Persimmon Juice color name →
#934337
oklch(0.484 0.111 30.3)
색상 변환
- HEX
- #934337
- RGB
- rgb(147 67 55)
- HSL
- hsl(8 46% 40%)
- HWB
- hwb(8 22% 42%)
- OKLCH
- oklch(0.484 0.111 30.3)
- OKLab
- oklab(0.484 0.096 0.056)
- CIE Lab
- lab(39.15 33.74 24.17)
- LCH
- lch(39.15 41.5 35.6)
- CMYK
- cmyk(0% 54% 63% 42%)
틴트 · 셰이드 · 톤
틴트
- 9F564A
- AB685C
- B67A70
- C18C83
- CC9F97
- D7B2AB
- E1C5BF
- EBD8D4
- F5EBE9
셰이드
- 7F392E
- 6C2F26
- 59261E
- 471D16
- 36140F
- 250C08
- 160503
- 080101
- 010000
톤
- 924A3F
- 915146
- 90574D
- 8E5D55
- 8D635C
- 8B6963
- 896F6A
- 867572
- 837A79
색 조화
보색 +180°
- 934337
Persimmon Juice
- 006B79
≈ Mary Blue
유사색 -30° +30°
- 934337
Persimmon Juice
- 8F405C
≈ Putnam Plum
- 8B4D06
≈ Parasite Brown
삼각 배색 +120° +240°
- 934337
Persimmon Juice
- 24703C
≈ Cloudy Camouflage
- 475A9D
≈ Purple Frenzy
분열 보색 +150° +210°
- 934337
Persimmon Juice
- 006F61
≈ Falcon Turquoise
- 026597
≈ Wavy Navy
사각 배색 +90° +180° +270°
- 934337
Persimmon Juice
- 57670B
≈ Forestial Outpost
- 006B79
≈ Mary Blue
- 694E93
≈ Parfait d’Amour
대비 및 접근성
Ag
AA흰색 위
WCAG 6.77:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.09:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--persimmon-juice: #934337;
--persimmon-juice-rgb: 147 67 55;
--persimmon-juice-oklch: oklch(0.484 0.111 30.3);
}
.element {
color: var(--persimmon-juice);
background-color: hsl(8 46% 40%);
border-color: oklch(0.484 0.111 30.3);
}Tailwind CSS v4
@theme {
--color-persimmon-juice: #934337;
--color-persimmon-juice-50: #ffeae1;
--color-persimmon-juice-100: #ffdbd1;
--color-persimmon-juice-200: #ffc4b7;
--color-persimmon-juice-300: #eaa394;
--color-persimmon-juice-400: #d88577;
--color-persimmon-juice-500: #c56759;
--color-persimmon-juice-600: #a6584b;
--color-persimmon-juice-700: #85463c;
--color-persimmon-juice-800: #63322c;
--color-persimmon-juice-900: #46221e;
--color-persimmon-juice-950: #2d110e;
}SCSS
$persimmon-juice: #934337;
$persimmon-juice-rgb: 147, 67, 55;
$persimmon-juice-light: mix(#fff, $persimmon-juice, 20%);
$persimmon-juice-dark: mix(#000, $persimmon-juice, 20%);
.element {
color: $persimmon-juice;
box-shadow: 0 0 0 2px rgba($persimmon-juice, 0.35);
}