이름 색상 · #A87678
Handmade Red
Handmade Red은(는) #A87678: rgb(168 118 120), hsl(358 22% 56%), oklch(0.617 0.063 16.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Handmade Red color name →
#A87678
oklch(0.617 0.063 16.4)
색상 변환
- HEX
- #a87678
- RGB
- rgb(168 118 120)
- HSL
- hsl(358 22% 56%)
- HWB
- hwb(358 46% 34%)
- OKLCH
- oklch(0.617 0.063 16.4)
- OKLab
- oklab(0.617 0.061 0.018)
- CIE Lab
- lab(54.91 20.43 7.18)
- LCH
- lch(54.91 21.65 19.4)
- CMYK
- cmyk(0% 30% 29% 34%)
틴트 · 셰이드 · 톤
틴트
- B18385
- BA9092
- C39E9F
- CBABAC
- D4B9B9
- DDC6C7
- E5D4D5
- EEE2E3
- F7F1F1
셰이드
- 926667
- 7C5657
- 674748
- 523839
- 3F292A
- 2C1C1D
- 1A0F10
- 0A0505
- 010101
톤
- A47779
- A1787A
- 9D797A
- 997A7B
- 957B7C
- 917C7D
- 8D7D7E
- 897E7E
- 847F7F
색 조화
보색 +180°
- A87678
Handmade Red
- 559192
≈ Bristol Blue
유사색 -30° +30°
- A87678
Handmade Red
- A2768D
≈ Upper Crust
- A67A65
≈ Tawny Birch
삼각 배색 +120° +240°
- A87678
Handmade Red
- 748E69
≈ Watercress Spice
- 6D87AB
≈ Cowgirl Blue
분열 보색 +150° +210°
- A87678
Handmade Red
- 5F927D
≈ Sheffield
- 5B8DA3
≈ Georgian Revival Blue
사각 배색 +90° +180° +270°
- A87678
Handmade Red
- 8A885B
≈ Fertile Green
- 559192
≈ Bristol Blue
- 8280AA
≈ Roseine Plum
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.79:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.52:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--handmade-red: #a87678;
--handmade-red-rgb: 168 118 120;
--handmade-red-oklch: oklch(0.617 0.063 16.4);
}
.element {
color: var(--handmade-red);
background-color: hsl(358 22% 56%);
border-color: oklch(0.617 0.063 16.4);
}Tailwind CSS v4
@theme {
--color-handmade-red: #a87678;
--color-handmade-red-50: #ffeeee;
--color-handmade-red-100: #fde0e0;
--color-handmade-red-200: #eecaca;
--color-handmade-red-300: #d6abab;
--color-handmade-red-400: #c19091;
--color-handmade-red-500: #ac7578;
--color-handmade-red-600: #916365;
--color-handmade-red-700: #754f51;
--color-handmade-red-800: #56393b;
--color-handmade-red-900: #3c2729;
--color-handmade-red-950: #261517;
}SCSS
$handmade-red: #a87678;
$handmade-red-rgb: 168, 118, 120;
$handmade-red-light: mix(#fff, $handmade-red, 20%);
$handmade-red-dark: mix(#000, $handmade-red, 20%);
.element {
color: $handmade-red;
box-shadow: 0 0 0 2px rgba($handmade-red, 0.35);
}