最も近い色名 · #5E2548
#5E2548
最も近い色名: Soul Anchor
#5E2548（rgb(94 37 72)、hsl(323 44% 26%)、oklch(0.359 0.095 345.1)）に最も近い色名はSoul Anchorです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5E2548
oklch(0.359 0.095 345.1)
カラー変換
- HEX
- #5e2548
- RGB
- rgb(94 37 72)
- HSL
- hsl(323 44% 26%)
- HWB
- hwb(323 15% 63%)
- OKLCH
- oklch(0.359 0.095 345.1)
- OKLab
- oklab(0.359 0.091 -0.024)
- CIE Lab
- lab(24.35 29.77 -8.79)
- LCH
- lch(24.35 31.04 343.6)
- CMYK
- cmyk(0% 61% 23% 63%)
ティント · シェード · トーン
ティント
- 6E3958
- 7E4E69
- 8E627B
- 9E778D
- AE8D9F
- BEA3B1
- CFB9C4
- DFD0D8
- EFE7EB
シェード
- 511F3D
- 441933
- 371329
- 2B0D1F
- 1F0816
- 14040D
- 0A0206
- 030002
- 000000
トーン
- 622F4D
- 663853
- 6A4158
- 6E4A5E
- 715364
- 755C69
- 78656F
- 7B6E75
- 7D777A
カラーハーモニー
補色 +180°
- 5E2548
Soul Anchor
- 004933
≈ Alaskan Moss
類似色 -30° +30°
- 5E2548
Soul Anchor
- 4F2B5E
≈ Deep Plum
- 65242C
≈ Blackberry Pie
トライアド +120° +240°
- 5E2548
Soul Anchor
- 433F00
≈ Xanthophobia
- 004458
≈ Crab Nebula
スプリットコンプリメンタリー +150° +210°
- 5E2548
Soul Anchor
- 25470C
≈ Garden Shadow
- 004747
≈ Cyprus
テトラード +90° +180° +270°
- 5E2548
Soul Anchor
- 543600
≈ Eyelash Camel
- 004933
≈ Alaskan Moss
- 153D6D
≈ Ashenvale Nights
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.44:1 · APCA Lc 96
Ag
Fail黒の上
WCAG 1.83:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.44:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--soul-anchor: #5e2548;
--soul-anchor-rgb: 94 37 72;
--soul-anchor-oklch: oklch(0.359 0.095 345.1);
}
.element {
color: var(--soul-anchor);
background-color: hsl(323 44% 26%);
border-color: oklch(0.359 0.095 345.1);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #5e2548;
--color-soul-anchor-50: #ffebfa;
--color-soul-anchor-100: #ffdcee;
--color-soul-anchor-200: #f4c5dc;
--color-soul-anchor-300: #dca4c1;
--color-soul-anchor-400: #c788ab;
--color-soul-anchor-500: #b36c94;
--color-soul-anchor-600: #975b7d;
--color-soul-anchor-700: #794964;
--color-soul-anchor-800: #59354b;
--color-soul-anchor-900: #3e2434;
--color-soul-anchor-950: #27131f;
}SCSS
$soul-anchor: #5e2548;
$soul-anchor-rgb: 94, 37, 72;
$soul-anchor-light: mix(#fff, $soul-anchor, 20%);
$soul-anchor-dark: mix(#000, $soul-anchor, 20%);
.element {
color: $soul-anchor;
box-shadow: 0 0 0 2px rgba($soul-anchor, 0.35);
}