이름 색상 · #F2003C
Fresh Cut
Fresh Cut은(는) #F2003C: rgb(242 0 60), hsl(345 100% 47%), oklch(0.608 0.244 20.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Fresh Cut color name →
#F2003C
oklch(0.608 0.244 20.9)
색상 변환
- HEX
- #f2003c
- RGB
- rgb(242 0 60)
- HSL
- hsl(345 100% 47%)
- HWB
- hwb(345 0% 5%)
- OKLCH
- oklch(0.608 0.244 20.9)
- OKLab
- oklab(0.608 0.228 0.087)
- CIE Lab
- lab(51.87 78.37 41.38)
- LCH
- lch(51.87 88.62 27.8)
- CMYK
- cmyk(0% 100% 75% 5%)
틴트 · 셰이드 · 톤
틴트
- F73E50
- FC5B64
- FF7377
- FF898A
- FF9E9D
- FFB2B0
- FFC6C4
- FFD9D7
- FFECEB
셰이드
- D20033
- B4002A
- 960021
- 790019
- 5E0011
- 43000A
- 2B0004
- 140001
- 030000
톤
- E82C44
- DF3F4C
- D54D54
- CA575A
- BF6061
- B46868
- A86F6E
- 9C7574
- 8F7B7A
색 조화
보색 +180°
- F2003C
Fresh Cut
- 00949C
≈ Peacock Feather
유사색 -30° +30°
- F2003C
Fresh Cut
- E31694
≈ Myoga Purple
- CA6000
≈ Kvass
삼각 배색 +120° +240°
- F2003C
Fresh Cut
- 259D00
≈ Space Invader
- 2E79FF
≈ Clear Blue
분열 보색 +150° +210°
- F2003C
Fresh Cut
- 009979
≈ Cadaverous
- 008EBE
≈ Hawaiian Surf
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.33:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 4.84:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 4.84:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--fresh-cut: #f2003c;
--fresh-cut-rgb: 242 0 60;
--fresh-cut-oklch: oklch(0.608 0.244 20.9);
}
.element {
color: var(--fresh-cut);
background-color: hsl(345 100% 47%);
border-color: oklch(0.608 0.244 20.9);
}Tailwind CSS v4
@theme {
--color-fresh-cut: #f2003c;
--color-fresh-cut-50: #ffdad5;
--color-fresh-cut-100: #ffc7c2;
--color-fresh-cut-200: #ffa7a3;
--color-fresh-cut-300: #ff7b7b;
--color-fresh-cut-400: #ff4a5c;
--color-fresh-cut-500: #ff0036;
--color-fresh-cut-600: #d8002f;
--color-fresh-cut-700: #ae0025;
--color-fresh-cut-800: #82001e;
--color-fresh-cut-900: #5c0013;
--color-fresh-cut-950: #3e0006;
}SCSS
$fresh-cut: #f2003c;
$fresh-cut-rgb: 242, 0, 60;
$fresh-cut-light: mix(#fff, $fresh-cut, 20%);
$fresh-cut-dark: mix(#000, $fresh-cut, 20%);
.element {
color: $fresh-cut;
box-shadow: 0 0 0 2px rgba($fresh-cut, 0.35);
}