最も近い色名 · #ED003C
#ED003C
最も近い色名: Red Ribbon
#ED003C（rgb(237 0 60)、hsl(345 100% 46%)、oklch(0.598 0.24 20.5)）に最も近い色名はRed Ribbonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#ED003C
oklch(0.598 0.24 20.5)
カラー変換
- HEX
- #ed003c
- RGB
- rgb(237 0 60)
- HSL
- hsl(345 100% 46%)
- HWB
- hwb(345 0% 7%)
- OKLCH
- oklch(0.598 0.24 20.5)
- OKLab
- oklab(0.598 0.225 0.084)
- CIE Lab
- lab(50.82 77.17 39.9)
- LCH
- lch(50.82 86.88 27.3)
- CMYK
- cmyk(0% 100% 75% 7%)
ティント · シェード · トーン
ティント
- F33D50
- F85A63
- FC7276
- FF8889
- FF9D9C
- FFB1B0
- FFC5C3
- FFD9D7
- FFECEB
シェード
- CE0033
- B0002A
- 930021
- 770019
- 5C0011
- 42000A
- 2A0004
- 140001
- 030000
トーン
- E42B44
- DB3E4C
- D14C53
- C7575A
- BD6061
- B26867
- A76F6E
- 9B7574
- 8E7B7A
カラーハーモニー
補色 +180°
- ED003C
Red Ribbon
- 009198
≈ Splashy
類似色 -30° +30°
- ED003C
Red Ribbon
- DE1692
≈ Benevolent Pink
- C65D00
≈ Kvass
トライアド +120° +240°
- ED003C
Red Ribbon
- 289900
≈ Innisfree Garden
- 2476FF
≈ Magic Fountain
スプリットコンプリメンタリー +150° +210°
- ED003C
Red Ribbon
- 009676
≈ Pool Table
- 008BB9
≈ Hawaiian Ocean
テトラード +90° +180° +270°
- ED003C
Red Ribbon
- 848600
≈ Krypton Green
- 009198
≈ Splashy
- 8655FF
≈ Purple Honeycreeper
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 68
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 33
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--red-ribbon: #ed003c;
--red-ribbon-rgb: 237 0 60;
--red-ribbon-oklch: oklch(0.598 0.24 20.5);
}
.element {
color: var(--red-ribbon);
background-color: hsl(345 100% 46%);
border-color: oklch(0.598 0.24 20.5);
}Tailwind CSS v4
@theme {
--color-red-ribbon: #ed003c;
--color-red-ribbon-50: #ffdad6;
--color-red-ribbon-100: #ffc8c3;
--color-red-ribbon-200: #ffa8a4;
--color-red-ribbon-300: #ff7c7d;
--color-red-ribbon-400: #ff4c5e;
--color-red-ribbon-500: #fe003a;
--color-red-ribbon-600: #d70032;
--color-red-ribbon-700: #ad0028;
--color-red-ribbon-800: #81001f;
--color-red-ribbon-900: #5c0014;
--color-red-ribbon-950: #3e0006;
}SCSS
$red-ribbon: #ed003c;
$red-ribbon-rgb: 237, 0, 60;
$red-ribbon-light: mix(#fff, $red-ribbon, 20%);
$red-ribbon-dark: mix(#000, $red-ribbon, 20%);
.element {
color: $red-ribbon;
box-shadow: 0 0 0 2px rgba($red-ribbon, 0.35);
}