이름 색상 · #F70D1A
Vivid Red
Vivid Red은(는) #F70D1A: rgb(247 13 26), hsl(357 94% 51%), oklch(0.616 0.248 27.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Vivid Red color name →
#F70D1A
oklch(0.616 0.248 27.7)
색상 변환
- HEX
- #f70d1a
- RGB
- rgb(247 13 26)
- HSL
- hsl(357 94% 51%)
- HWB
- hwb(357 5% 3%)
- OKLCH
- oklch(0.616 0.248 27.7)
- OKLab
- oklab(0.616 0.22 0.115)
- CIE Lab
- lab(53 78.14 60.4)
- LCH
- lch(53 98.76 37.7)
- CMYK
- cmyk(0% 95% 89% 3%)
틴트 · 셰이드 · 톤
틴트
- FC413A
- FF5E52
- FF7669
- FF8C7E
- FFA094
- FFB4A9
- FFC7BE
- FFDAD4
- FFEDE9
셰이드
- D70A15
- B70710
- 99050C
- 7C0307
- 600204
- 450102
- 2C0001
- 150000
- 030000
톤
- ED302C
- E3423A
- D84F45
- CD5A4F
- C26258
- B66A61
- AA7069
- 9D7671
- 8F7B79
색 조화
보색 +180°
- F70D1A
Vivid Red
- 0096A6
≈ Tile Blue
유사색 -30° +30°
- F70D1A
Vivid Red
- ED0B85
≈ Fabulous Fuchsia
- C56A00
≈ Sludge
삼각 배색 +120° +240°
- F70D1A
Vivid Red
- 00A03D
≈ Link Green
- 5077FF
≈ Lightish Blue
분열 보색 +150° +210°
- F70D1A
Vivid Red
- 009B85
≈ Flamboyant Teal
- 008FCC
≈ Rich Electric Blue
사각 배색 +90° +180° +270°
- F70D1A
Vivid Red
- 7F8F00
≈ Foggy Bog
- 0096A6
≈ Tile Blue
- 9A54FF
≈ Irrigo Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.17:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.02:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.02:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--vivid-red: #f70d1a;
--vivid-red-rgb: 247 13 26;
--vivid-red-oklch: oklch(0.616 0.248 27.7);
}
.element {
color: var(--vivid-red);
background-color: hsl(357 94% 51%);
border-color: oklch(0.616 0.248 27.7);
}Tailwind CSS v4
@theme {
--color-vivid-red: #f70d1a;
--color-vivid-red-50: #ffdbcc;
--color-vivid-red-100: #ffc8b7;
--color-vivid-red-200: #ffa894;
--color-vivid-red-300: #ff7c67;
--color-vivid-red-400: #ff4b42;
--color-vivid-red-500: #ff0000;
--color-vivid-red-600: #da0002;
--color-vivid-red-700: #af0004;
--color-vivid-red-800: #83000a;
--color-vivid-red-900: #5d0006;
--color-vivid-red-950: #3f0000;
}SCSS
$vivid-red: #f70d1a;
$vivid-red-rgb: 247, 13, 26;
$vivid-red-light: mix(#fff, $vivid-red, 20%);
$vivid-red-dark: mix(#000, $vivid-red, 20%);
.element {
color: $vivid-red;
box-shadow: 0 0 0 2px rgba($vivid-red, 0.35);
}