最も近い色名 · #D0002F
#D0002F
最も近い色名: Red Tape
#D0002F（rgb(208 0 47)、hsl(346 100% 41%)、oklch(0.542 0.218 21.8)）に最も近い色名はRed Tapeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D0002F
oklch(0.542 0.218 21.8)
カラー変換
- HEX
- #d0002f
- RGB
- rgb(208 0 47)
- HSL
- hsl(346 100% 41%)
- HWB
- hwb(346 0% 18%)
- OKLCH
- oklch(0.542 0.218 21.8)
- OKLab
- oklab(0.542 0.203 0.081)
- CIE Lab
- lab(44.53 69.85 38.78)
- LCH
- lch(44.53 79.9 29)
- CMYK
- cmyk(0% 100% 77% 18%)
ティント · シェード · トーン
ティント
- D83844
- E05459
- E76C6D
- ED8381
- F29895
- F7ADAA
- FAC2BF
- FDD6D4
- FEEBE9
シェード
- B50027
- 9A0020
- 800019
- 670012
- 4F000C
- 390006
- 230003
- 100001
- 020000
トーン
- CA2739
- C43942
- BD474A
- B65252
- AF5B5A
- A76462
- 9E6C6A
- 957371
- 8B7A79
カラーハーモニー
補色 +180°
- D0002F
Red Tape
- 007F86
≈ Go Alpha
類似色 -30° +30°
- D0002F
Red Tape
- C3107D
≈ Purple Anxiety
- AC5200
≈ Brandy Bear
トライアド +120° +240°
- D0002F
Red Tape
- 128700
≈ Minstrel of the Woods
- 1A62EB
≈ Old Gungeon Red
スプリットコンプリメンタリー +150° +210°
- D0002F
Red Tape
- 008268
≈ Emperor’s Silk
- 0079A4
≈ CG Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.64:1 · APCA Lc 75
Ag
Fail黒の上
WCAG 3.72:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--red-tape: #d0002f;
--red-tape-rgb: 208 0 47;
--red-tape-oklch: oklch(0.542 0.218 21.8);
}
.element {
color: var(--red-tape);
background-color: hsl(346 100% 41%);
border-color: oklch(0.542 0.218 21.8);
}Tailwind CSS v4
@theme {
--color-red-tape: #d0002f;
--color-red-tape-50: #ffddd7;
--color-red-tape-100: #ffcbc5;
--color-red-tape-200: #ffada7;
--color-red-tape-300: #ff8480;
--color-red-tape-400: #ff5a62;
--color-red-tape-500: #f51b3e;
--color-red-tape-600: #cf1d36;
--color-red-tape-700: #a7182a;
--color-red-tape-800: #7d0e21;
--color-red-tape-900: #580a16;
--color-red-tape-950: #3b0007;
}SCSS
$red-tape: #d0002f;
$red-tape-rgb: 208, 0, 47;
$red-tape-light: mix(#fff, $red-tape, 20%);
$red-tape-dark: mix(#000, $red-tape, 20%);
.element {
color: $red-tape;
box-shadow: 0 0 0 2px rgba($red-tape, 0.35);
}