이름 색상 · #AC3A3E
Red Gumball
Red Gumball은(는) #AC3A3E: rgb(172 58 62), hsl(358 50% 45%), oklch(0.513 0.149 22.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red Gumball color name →
#AC3A3E
oklch(0.513 0.149 22.1)
색상 변환
- HEX
- #ac3a3e
- RGB
- rgb(172 58 62)
- HSL
- hsl(358 50% 45%)
- HWB
- hwb(358 23% 33%)
- OKLCH
- oklch(0.513 0.149 22.1)
- OKLab
- oklab(0.513 0.138 0.056)
- CIE Lab
- lab(42.01 47.45 24.59)
- LCH
- lch(42.01 53.45 27.4)
- CMYK
- cmyk(0% 66% 64% 33%)
틴트 · 셰이드 · 톤
틴트
- B75050
- C16462
- CA7775
- D38B88
- DC9E9B
- E4B1AE
- EBC4C2
- F2D8D6
- F9EBEA
셰이드
- 953135
- 7F282B
- 692023
- 54181A
- 401012
- 2D090A
- 1B0404
- 0B0101
- 010000
톤
- A94345
- A64C4C
- A25452
- 9F5B59
- 9B6260
- 966866
- 916E6D
- 8C7473
- 867A7A
색 조화
보색 +180°
- AC3A3E
Red Gumball
- 00757C
≈ Scurf Green
유사색 -30° +30°
- AC3A3E
Red Gumball
- A33A70
≈ Maximum Red Purple
- A04C00
≈ Burnt Bagel
삼각 배색 +120° +240°
- AC3A3E
Red Gumball
- 277B20
≈ Odd Pea Pod
- 3562BB
≈ Blue Streak
분열 보색 +150° +210°
- AC3A3E
Red Gumball
- 007961
≈ Ultramarine Green
- 007099
≈ Tofino Belue
사각 배색 +90° +180° +270°
- AC3A3E
Red Gumball
- 696D00
≈ Brownish Green
- 00757C
≈ Scurf Green
- 6B52B4
≈ Blue Marguerite
대비 및 접근성
Ag
AA흰색 위
WCAG 6.12:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.42:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.12:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--red-gumball: #ac3a3e;
--red-gumball-rgb: 172 58 62;
--red-gumball-oklch: oklch(0.513 0.149 22.1);
}
.element {
color: var(--red-gumball);
background-color: hsl(358 50% 45%);
border-color: oklch(0.513 0.149 22.1);
}Tailwind CSS v4
@theme {
--color-red-gumball: #ac3a3e;
--color-red-gumball-50: #ffe5e0;
--color-red-gumball-100: #ffd5d0;
--color-red-gumball-200: #ffbcb5;
--color-red-gumball-300: #fb9892;
--color-red-gumball-400: #e97776;
--color-red-gumball-500: #d75557;
--color-red-gumball-600: #b6494a;
--color-red-gumball-700: #923a3b;
--color-red-gumball-800: #6d292c;
--color-red-gumball-900: #4d1c1e;
--color-red-gumball-950: #320b0e;
}SCSS
$red-gumball: #ac3a3e;
$red-gumball-rgb: 172, 58, 62;
$red-gumball-light: mix(#fff, $red-gumball, 20%);
$red-gumball-dark: mix(#000, $red-gumball, 20%);
.element {
color: $red-gumball;
box-shadow: 0 0 0 2px rgba($red-gumball, 0.35);
}