이름 색상 · #FF1111
Spicy
Spicy은(는) #FF1111: rgb(255 17 17), hsl(0 100% 53%), oklch(0.632 0.254 28.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Spicy color name →
#FF1111
oklch(0.632 0.254 28.8)
색상 변환
- HEX
- #ff1111
- RGB
- rgb(255 17 17)
- HSL
- hsl(0 100% 53%)
- HWB
- hwb(0 7% 0%)
- OKLCH
- oklch(0.632 0.254 28.8)
- OKLab
- oklab(0.632 0.223 0.122)
- CIE Lab
- lab(54.75 79.71 65.61)
- LCH
- lch(54.75 103.24 39.5)
- CMYK
- cmyk(0% 93% 93% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4437
- FF6150
- FF7868
- FF8E7E
- FFA293
- FFB5A9
- FFC8BE
- FFDBD4
- FFEDE9
셰이드
- DE0D0D
- BE0909
- 9E0606
- 800404
- 630202
- 480101
- 2E0000
- 160000
- 030000
톤
- F43328
- E94437
- DD5143
- D25B4E
- C66457
- B96B60
- AC7169
- 9E7771
- 907C78
색 조화
보색 +180°
- FF1111
Spicy
- 009BAD
≈ Aquarium Diver
유사색 -30° +30°
- FF1111
Spicy
- F50A87
≈ Fabulous Fuchsia
- CA6F00
≈ Sludge
삼각 배색 +120° +240°
- FF1111
Spicy
- 00A646
≈ Poetic Green
- 5A7DFF
≈ C64 NTSC
분열 보색 +150° +210°
- FF1111
Spicy
- 00A08B
≈ Turquish
- 0093D5
≈ Sea of Crete
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.93:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.34:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.34:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--spicy: #ff1111;
--spicy-rgb: 255 17 17;
--spicy-oklch: oklch(0.632 0.254 28.8);
}
.element {
color: var(--spicy);
background-color: hsl(0 100% 53%);
border-color: oklch(0.632 0.254 28.8);
}Tailwind CSS v4
@theme {
--color-spicy: #ff1111;
--color-spicy-50: #ffdac9;
--color-spicy-100: #ffc8b4;
--color-spicy-200: #ffa890;
--color-spicy-300: #ff7b62;
--color-spicy-400: #ff473a;
--color-spicy-500: #ff0000;
--color-spicy-600: #dc0000;
--color-spicy-700: #b10000;
--color-spicy-800: #850002;
--color-spicy-900: #5e0003;
--color-spicy-950: #400000;
}SCSS
$spicy: #ff1111;
$spicy-rgb: 255, 17, 17;
$spicy-light: mix(#fff, $spicy, 20%);
$spicy-dark: mix(#000, $spicy, 20%);
.element {
color: $spicy;
box-shadow: 0 0 0 2px rgba($spicy, 0.35);
}