이름 색상 · #922724
Vivid Auburn
Vivid Auburn은(는) #922724: rgb(146 39 36), hsl(2 60% 36%), oklch(0.442 0.143 26.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Vivid Auburn color name →
#922724
oklch(0.442 0.143 26.5)
색상 변환
- HEX
- #922724
- RGB
- rgb(146 39 36)
- HSL
- hsl(2 60% 36%)
- HWB
- hwb(2 14% 43%)
- OKLCH
- oklch(0.442 0.143 26.5)
- OKLab
- oklab(0.442 0.128 0.064)
- CIE Lab
- lab(33.89 45.01 29.55)
- LCH
- lch(33.89 53.84 33.3)
- CMYK
- cmyk(0% 73% 75% 43%)
틴트 · 셰이드 · 톤
틴트
- 9F3F39
- AC554E
- B86A62
- C37F78
- CE948D
- D9A9A3
- E3BEB9
- EDD4D0
- F6E9E7
셰이드
- 7E201E
- 6B1A18
- 581412
- 460E0C
- 350807
- 250404
- 160202
- 080100
- 010000
톤
- 92332E
- 913E38
- 914741
- 90504A
- 8E5953
- 8C615C
- 8A6965
- 87716E
- 847877
색 조화
보색 +180°
- 922724
Vivid Auburn
- 005F68
≈ Petrol
유사색 -30° +30°
- 922724
Vivid Auburn
- 8C2655
≈ Dark Raspberry
- 7E4000
≈ Hazelnut Chocolate
삼각 배색 +120° +240°
- 922724
Vivid Auburn
- 00651F
≈ Paradise Palms
- 2F4BA1
≈ Sea of Tears
분열 보색 +150° +210°
- 922724
Vivid Auburn
- 006252
≈ Philodendron
- 005A81
≈ Whale’s Tale
사각 배색 +90° +180° +270°
- 922724
Vivid Auburn
- 505A00
≈ Greensboro
- 005F68
≈ Petrol
- 5D3C97
≈ Daisy Bush
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.27:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.53:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 8.27:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--vivid-auburn: #922724;
--vivid-auburn-rgb: 146 39 36;
--vivid-auburn-oklch: oklch(0.442 0.143 26.5);
}
.element {
color: var(--vivid-auburn);
background-color: hsl(2 60% 36%);
border-color: oklch(0.442 0.143 26.5);
}Tailwind CSS v4
@theme {
--color-vivid-auburn: #922724;
--color-vivid-auburn-50: #ffe7de;
--color-vivid-auburn-100: #ffd7cd;
--color-vivid-auburn-200: #ffbdb2;
--color-vivid-auburn-300: #f89a8d;
--color-vivid-auburn-400: #e77a70;
--color-vivid-auburn-500: #d45951;
--color-vivid-auburn-600: #b34c45;
--color-vivid-auburn-700: #903d37;
--color-vivid-auburn-800: #6b2b29;
--color-vivid-auburn-900: #4c1d1b;
--color-vivid-auburn-950: #320c0c;
}SCSS
$vivid-auburn: #922724;
$vivid-auburn-rgb: 146, 39, 36;
$vivid-auburn-light: mix(#fff, $vivid-auburn, 20%);
$vivid-auburn-dark: mix(#000, $vivid-auburn, 20%);
.element {
color: $vivid-auburn;
box-shadow: 0 0 0 2px rgba($vivid-auburn, 0.35);
}