色名 · #ED3D66
Eugenia Red
Eugenia Redは#ED3D66：rgb(237 61 102)、hsl(346 83% 58%)、oklch(0.633 0.211 12.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Eugenia Red color name →
#ED3D66
oklch(0.633 0.211 12.5)
カラー変換
- HEX
- #ed3d66
- RGB
- rgb(237 61 102)
- HSL
- hsl(346 83% 58%)
- HWB
- hwb(346 24% 7%)
- OKLCH
- oklch(0.633 0.211 12.5)
- OKLab
- oklab(0.633 0.206 0.046)
- CIE Lab
- lab(55.07 68.52 19.98)
- LCH
- lch(55.07 71.37 16.3)
- CMYK
- cmyk(0% 74% 57% 7%)
ティント · シェード · トーン
ティント
- F25774
- F66D83
- FA8192
- FD94A1
- FFA6B0
- FFB8C0
- FFCACF
- FFDCDF
- FFEDEF
シェード
- CE3458
- B02B4A
- 93223C
- 771A2F
- 5C1223
- 420A17
- 2A040C
- 140104
- 030000
トーン
- E44969
- DA536C
- D05C6E
- C66371
- BB6973
- B16F76
- A67479
- 9A787B
- 8D7C7E
カラーハーモニー
補色 +180°
- ED3D66
Eugenia Red
- 009E9C
≈ Talismanic Teal
類似色 -30° +30°
- ED3D66
Eugenia Red
- DA46AC
≈ Krameria
- E35700
≈ Salsa Habañero
トライアド +120° +240°
- ED3D66
Eugenia Red
- 5E9F00
≈ Prairie Green
- 008AFA
≈ Too Blue to Be True
スプリットコンプリメンタリー +150° +210°
- ED3D66
Eugenia Red
- 00A371
≈ Bejewelled
- 0099BD
≈ Serene Blue
テトラード +90° +180° +270°
- ED3D66
Eugenia Red
- 9A8C00
≈ Smoothie Green
- 009E9C
≈ Talismanic Teal
- 7D71FF
≈ Bainganī
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.84:1 · APCA Lc 65
Ag
AA黒の上
WCAG 5.46:1 · APCA Lc 37
最適な文字色: #000000
WCAG 5.46:1 (AA) · APCA Lc 37
Contrast pairs
コードスニペット
CSS
:root {
--eugenia-red: #ed3d66;
--eugenia-red-rgb: 237 61 102;
--eugenia-red-oklch: oklch(0.633 0.211 12.5);
}
.element {
color: var(--eugenia-red);
background-color: hsl(346 83% 58%);
border-color: oklch(0.633 0.211 12.5);
}Tailwind CSS v4
@theme {
--color-eugenia-red: #ed3d66;
--color-eugenia-red-50: #ffdde2;
--color-eugenia-red-100: #ffcbd2;
--color-eugenia-red-200: #ffadb8;
--color-eugenia-red-300: #ff8595;
--color-eugenia-red-400: #ff5c7b;
--color-eugenia-red-500: #f0235e;
--color-eugenia-red-600: #cb2250;
--color-eugenia-red-700: #a31c40;
--color-eugenia-red-800: #7a1231;
--color-eugenia-red-900: #560c21;
--color-eugenia-red-950: #390010;
}SCSS
$eugenia-red: #ed3d66;
$eugenia-red-rgb: 237, 61, 102;
$eugenia-red-light: mix(#fff, $eugenia-red, 20%);
$eugenia-red-dark: mix(#000, $eugenia-red, 20%);
.element {
color: $eugenia-red;
box-shadow: 0 0 0 2px rgba($eugenia-red, 0.35);
}