이름 색상 · #FF2040
Future Fuchsia
Future Fuchsia은(는) #FF2040: rgb(255 32 64), hsl(351 100% 56%), oklch(0.64 0.246 22.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Future Fuchsia color name →
#FF2040
oklch(0.64 0.246 22.3)
색상 변환
- HEX
- #ff2040
- RGB
- rgb(255 32 64)
- HSL
- hsl(351 100% 56%)
- HWB
- hwb(351 13% 0%)
- OKLCH
- oklch(0.64 0.246 22.3)
- OKLab
- oklab(0.64 0.227 0.093)
- CIE Lab
- lab(55.68 78.56 44.03)
- LCH
- lch(55.68 90.06 29.3)
- CMYK
- cmyk(0% 87% 75% 0%)
틴트 · 셰이드 · 톤
틴트
- FF4954
- FF6467
- FF7B7A
- FF908D
- FFA3A0
- FFB6B2
- FFC9C5
- FFDBD8
- FFEDEC
셰이드
- DE1A36
- BE152D
- 9E0F24
- 800A1B
- 630613
- 48030B
- 2E0105
- 160001
- 030000
톤
- F43948
- E94850
- DD5457
- D15D5D
- C56564
- B96C6A
- AC7270
- 9E7775
- 907C7B
색 조화
보색 +180°
- FF2040
Future Fuchsia
- 009FA9
≈ Riviera
유사색 -30° +30°
- FF2040
Future Fuchsia
- F0279B
≈ Fanatic Fuchsia
- D76900
≈ Apple II Chocolate
삼각 배색 +120° +240°
- FF2040
Future Fuchsia
- 0AAA00
≈ Always Greener Grass
- 4885FF
≈ Bleuchâtel Blue
분열 보색 +150° +210°
- FF2040
Future Fuchsia
- 00A484
≈ Congo Green
- 0098CE
≈ Tomb Blue
사각 배색 +90° +180° +270°
- FF2040
Future Fuchsia
- 8F9400
≈ Devil’s Flower Mantis
- 009FA9
≈ Riviera
- 946AFF
≈ Purple Anemone
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.79:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.53:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.53:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--future-fuchsia: #ff2040;
--future-fuchsia-rgb: 255 32 64;
--future-fuchsia-oklch: oklch(0.64 0.246 22.3);
}
.element {
color: var(--future-fuchsia);
background-color: hsl(351 100% 56%);
border-color: oklch(0.64 0.246 22.3);
}Tailwind CSS v4
@theme {
--color-future-fuchsia: #ff2040;
--color-future-fuchsia-50: #ffdad3;
--color-future-fuchsia-100: #ffc7bf;
--color-future-fuchsia-200: #ffa7a0;
--color-future-fuchsia-300: #ff7b77;
--color-future-fuchsia-400: #ff4957;
--color-future-fuchsia-500: #ff002f;
--color-future-fuchsia-600: #d90029;
--color-future-fuchsia-700: #af0021;
--color-future-fuchsia-800: #83001a;
--color-future-fuchsia-900: #5d0011;
--color-future-fuchsia-950: #3e0004;
}SCSS
$future-fuchsia: #ff2040;
$future-fuchsia-rgb: 255, 32, 64;
$future-fuchsia-light: mix(#fff, $future-fuchsia, 20%);
$future-fuchsia-dark: mix(#000, $future-fuchsia, 20%);
.element {
color: $future-fuchsia;
box-shadow: 0 0 0 2px rgba($future-fuchsia, 0.35);
}