色名 · #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);
}