色名 · #DA244B
Cosmic Red
Cosmic Redは#DA244B：rgb(218 36 75)、hsl(347 72% 50%)、oklch(0.577 0.212 16.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Cosmic Red color name →
#DA244B
oklch(0.577 0.212 16.6)
カラー変換
- HEX
- #da244b
- RGB
- rgb(218 36 75)
- HSL
- hsl(347 72% 50%)
- HWB
- hwb(347 14% 15%)
- OKLCH
- oklch(0.577 0.212 16.6)
- OKLab
- oklab(0.577 0.203 0.061)
- CIE Lab
- lab(48.62 68.55 27.15)
- LCH
- lch(48.62 73.73 21.6)
- CMYK
- cmyk(0% 83% 66% 15%)
ティント · シェード · トーン
ティント
- E1465C
- E85F6D
- ED757F
- F28A90
- F79EA2
- FAB2B4
- FDC5C7
- FED8D9
- FFECEC
シェード
- BD1E40
- A21835
- 87122B
- 6C0C21
- 540717
- 3C040E
- 250206
- 110002
- 020000
トーン
- D33751
- CB4556
- C34F5C
- BB5961
- B36166
- AA686C
- A16F71
- 977576
- 8C7B7B
カラーハーモニー
補色 +180°
- DA244B
Cosmic Red
- 008B8D
≈ Egyptian Teal
類似色 -30° +30°
- DA244B
Cosmic Red
- CA2D92
≈ Royal Fuchsia
- C25300
≈ Orange Rufous
トライアド +120° +240°
- DA244B
Cosmic Red
- 418F00
≈ Christmas Green
- 0074ED
≈ Níu Zǎi Sè Denim
スプリットコンプリメンタリー +150° +210°
- DA244B
Cosmic Red
- 008F6A
≈ Sea Swell
- 0086AC
≈ Lyrebird
テトラード +90° +180° +270°
- DA244B
Cosmic Red
- 837D00
≈ Olive
- 008B8D
≈ Egyptian Teal
- 765AEE
≈ Candy Grape Fizz
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.84:1 · APCA Lc 72
Ag
Fail黒の上
WCAG 4.33:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.84:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--cosmic-red: #da244b;
--cosmic-red-rgb: 218 36 75;
--cosmic-red-oklch: oklch(0.577 0.212 16.6);
}
.element {
color: var(--cosmic-red);
background-color: hsl(347 72% 50%);
border-color: oklch(0.577 0.212 16.6);
}Tailwind CSS v4
@theme {
--color-cosmic-red: #da244b;
--color-cosmic-red-50: #ffddde;
--color-cosmic-red-100: #ffcbcc;
--color-cosmic-red-200: #ffaeb1;
--color-cosmic-red-300: #ff858c;
--color-cosmic-red-400: #ff5c71;
--color-cosmic-red-500: #f22252;
--color-cosmic-red-600: #cc2246;
--color-cosmic-red-700: #a41c38;
--color-cosmic-red-800: #7b112a;
--color-cosmic-red-900: #570b1c;
--color-cosmic-red-950: #3a000d;
}SCSS
$cosmic-red: #da244b;
$cosmic-red-rgb: 218, 36, 75;
$cosmic-red-light: mix(#fff, $cosmic-red, 20%);
$cosmic-red-dark: mix(#000, $cosmic-red, 20%);
.element {
color: $cosmic-red;
box-shadow: 0 0 0 2px rgba($cosmic-red, 0.35);
}