이름 색상 · #C30A12
Furious Tomato
Furious Tomato은(는) #C30A12: rgb(195 10 18), hsl(357 90% 40%), oklch(0.516 0.207 27.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Furious Tomato color name →
#C30A12
oklch(0.516 0.207 27.8)
색상 변환
- HEX
- #c30a12
- RGB
- rgb(195 10 18)
- HSL
- hsl(357 90% 40%)
- HWB
- hwb(357 4% 24%)
- OKLCH
- oklch(0.516 0.207 27.8)
- OKLab
- oklab(0.516 0.183 0.097)
- CIE Lab
- lab(41.84 65.21 50.62)
- LCH
- lch(41.84 82.55 37.8)
- CMYK
- cmyk(0% 95% 91% 24%)
틴트 · 셰이드 · 톤
틴트
- CC3831
- D55449
- DD6B5F
- E58176
- EB978C
- F1ACA2
- F6C1B9
- FAD5D0
- FDEAE7
셰이드
- A9070E
- 90050A
- 780307
- 600204
- 4A0102
- 340101
- 200001
- 0E0000
- 020000
톤
- BE2924
- B93931
- B4463D
- AE5147
- A85A51
- A2635B
- 9A6B64
- 92726E
- 8A7977
색 조화
보색 +180°
- C30A12
Furious Tomato
- 007682
≈ Hypnotic Sea
유사색 -30° +30°
- C30A12
Furious Tomato
- BB0868
≈ Aztec Warrior
- 9B5200
≈ Charlie Brown
삼각 배색 +120° +240°
- C30A12
Furious Tomato
- 007E2F
≈ Pharmaceutical Green
- 3657DC
≈ Veteran’s Day Blue
분열 보색 +150° +210°
- C30A12
Furious Tomato
- 007968
≈ Shady Glade
- 0070A1
≈ Cat’s Purr
사각 배색 +90° +180° +270°
- C30A12
Furious Tomato
- 637000
≈ Brownish Green
- 007682
≈ Hypnotic Sea
- 7A3ECC
≈ Purple Rain
대비 및 접근성
Ag
AA흰색 위
WCAG 6.22:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.37:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 6.22:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--furious-tomato: #c30a12;
--furious-tomato-rgb: 195 10 18;
--furious-tomato-oklch: oklch(0.516 0.207 27.8);
}
.element {
color: var(--furious-tomato);
background-color: hsl(357 90% 40%);
border-color: oklch(0.516 0.207 27.8);
}Tailwind CSS v4
@theme {
--color-furious-tomato: #c30a12;
--color-furious-tomato-50: #ffe0d2;
--color-furious-tomato-100: #ffcebf;
--color-furious-tomato-200: #ffb19f;
--color-furious-tomato-300: #ff8a76;
--color-furious-tomato-400: #ff6255;
--color-furious-tomato-500: #f12f2b;
--color-furious-tomato-600: #cb2b26;
--color-furious-tomato-700: #a4231e;
--color-furious-tomato-800: #7a1618;
--color-furious-tomato-900: #570f0f;
--color-furious-tomato-950: #3a0103;
}SCSS
$furious-tomato: #c30a12;
$furious-tomato-rgb: 195, 10, 18;
$furious-tomato-light: mix(#fff, $furious-tomato, 20%);
$furious-tomato-dark: mix(#000, $furious-tomato, 20%);
.element {
color: $furious-tomato;
box-shadow: 0 0 0 2px rgba($furious-tomato, 0.35);
}