最も近い色名 · #D4200F
#D4200F
最も近い色名: Redsurrection
#D4200F（rgb(212 32 15)、hsl(5 87% 45%)、oklch(0.557 0.213 30.2)）に最も近い色名はRedsurrectionです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D4200F
oklch(0.557 0.213 30.2)
カラー変換
- HEX
- #d4200f
- RGB
- rgb(212 32 15)
- HSL
- hsl(5 87% 45%)
- HWB
- hwb(5 6% 17%)
- OKLCH
- oklch(0.557 0.213 30.2)
- OKLab
- oklab(0.557 0.184 0.107)
- CIE Lab
- lab(46.6 66.46 56.55)
- LCH
- lch(46.6 87.27 40.4)
- CMYK
- cmyk(0% 85% 93% 17%)
ティント · シェード · トーン
ティント
- DC4332
- E35D4B
- E97362
- EF8878
- F39D8E
- F8B1A4
- FBC4BB
- FDD8D1
- FFEBE8
シェード
- B81A0B
- 9D1508
- 830F05
- 690A03
- 510602
- 3A0301
- 240100
- 100000
- 020000
トーン
- CD3524
- C74333
- BF4E3E
- B85749
- B06053
- A8675D
- 9F6E66
- 96756F
- 8B7A77
カラーハーモニー
補色 +180°
- D4200F
Redsurrection
- 008393
≈ Island Lush
類似色 -30° +30°
- D4200F
Redsurrection
- CD1A6E
≈ Xīpe Totēc Red
- AA5E00
≈ Raw Umber
トライアド +120° +240°
- D4200F
Redsurrection
- 008B3F
≈ Cold Green
- 4761EE
≈ The Rainbow Fish
スプリットコンプリメンタリー +150° +210°
- D4200F
Redsurrection
- 008776
≈ Summer Turquoise
- 007BB7
≈ Star Command Blue
テトラード +90° +180° +270°
- D4200F
Redsurrection
- 6A7E00
≈ Topiary Garden
- 008393
≈ Island Lush
- 8A48DB
≈ Gloomy Purple
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.23:1 · APCA Lc 74
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 28
最適な文字色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--redsurrection: #d4200f;
--redsurrection-rgb: 212 32 15;
--redsurrection-oklch: oklch(0.557 0.213 30.2);
}
.element {
color: var(--redsurrection);
background-color: hsl(5 87% 45%);
border-color: oklch(0.557 0.213 30.2);
}Tailwind CSS v4
@theme {
--color-redsurrection: #d4200f;
--color-redsurrection-50: #ffdfcf;
--color-redsurrection-100: #ffcebb;
--color-redsurrection-200: #ffb19a;
--color-redsurrection-300: #ff896f;
--color-redsurrection-400: #ff604b;
--color-redsurrection-500: #f32a16;
--color-redsurrection-600: #cd2717;
--color-redsurrection-700: #a52013;
--color-redsurrection-800: #7c1410;
--color-redsurrection-900: #580d0a;
--color-redsurrection-950: #3b0001;
}SCSS
$redsurrection: #d4200f;
$redsurrection-rgb: 212, 32, 15;
$redsurrection-light: mix(#fff, $redsurrection, 20%);
$redsurrection-dark: mix(#000, $redsurrection, 20%);
.element {
color: $redsurrection;
box-shadow: 0 0 0 2px rgba($redsurrection, 0.35);
}