最も近い色名 · #D24536
#D24536
最も近い色名: Bloody Salmon
#D24536（rgb(210 69 54)、hsl(6 63% 52%)、oklch(0.588 0.18 29.5)）に最も近い色名はBloody Salmonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D24536
oklch(0.588 0.18 29.5)
カラー変換
- HEX
- #d24536
- RGB
- rgb(210 69 54)
- HSL
- hsl(6 63% 52%)
- HWB
- hwb(6 21% 18%)
- OKLCH
- oklch(0.588 0.18 29.5)
- OKLab
- oklab(0.588 0.156 0.089)
- CIE Lab
- lab(50.49 55.66 41.05)
- LCH
- lch(50.49 69.16 36.4)
- CMYK
- cmyk(0% 67% 74% 18%)
ティント · シェード · トーン
ティント
- D95B4B
- E06F5F
- E68273
- EB9486
- F0A69A
- F4B8AE
- F8CAC2
- FBDCD6
- FDEDEA
シェード
- B63B2E
- 9B3125
- 81271E
- 681E16
- 50150F
- 390C08
- 240503
- 100201
- 020000
トーン
- CB4E3F
- C45648
- BD5D50
- B56457
- AE695F
- A56E66
- 9D736C
- 947873
- 8A7C7A
カラーハーモニー
補色 +180°
- D24536
Bloody Salmon
- 008D9D
≈ Coral Coast
類似色 -30° +30°
- D24536
Bloody Salmon
- CB4179
≈ Fuchsia Rose
- B76500
≈ Camel Fur
トライアド +120° +240°
- D24536
Bloody Salmon
- 009642
≈ Green Revolution
- 5371E6
≈ Blue Öyster Cult
スプリットコンプリメンタリー +150° +210°
- D24536
Bloody Salmon
- 00917E
≈ Miami Jade
- 0085C3
≈ Water Raceway
テトラード +90° +180° +270°
- D24536
Bloody Salmon
- 738700
≈ Swamp Green
- 008D9D
≈ Coral Coast
- 8E5DD6
≈ Morado Purple
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.52:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.64:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--bloody-salmon: #d24536;
--bloody-salmon-rgb: 210 69 54;
--bloody-salmon-oklch: oklch(0.588 0.18 29.5);
}
.element {
color: var(--bloody-salmon);
background-color: hsl(6 63% 52%);
border-color: oklch(0.588 0.18 29.5);
}Tailwind CSS v4
@theme {
--color-bloody-salmon: #d24536;
--color-bloody-salmon-50: #ffe3d6;
--color-bloody-salmon-100: #ffd2c3;
--color-bloody-salmon-200: #ffb7a4;
--color-bloody-salmon-300: #ff927d;
--color-bloody-salmon-400: #f66e5c;
--color-bloody-salmon-500: #e54636;
--color-bloody-salmon-600: #c13d2f;
--color-bloody-salmon-700: #9b3125;
--color-bloody-salmon-800: #74211c;
--color-bloody-salmon-900: #521612;
--color-bloody-salmon-950: #360605;
}SCSS
$bloody-salmon: #d24536;
$bloody-salmon-rgb: 210, 69, 54;
$bloody-salmon-light: mix(#fff, $bloody-salmon, 20%);
$bloody-salmon-dark: mix(#000, $bloody-salmon, 20%);
.element {
color: $bloody-salmon;
box-shadow: 0 0 0 2px rgba($bloody-salmon, 0.35);
}