最も近い色名 · #632449
#632449
最も近い色名: Soul Anchor
#632449（rgb(99 36 73)、hsl(325 47% 26%)、oklch(0.366 0.102 347)）に最も近い色名はSoul Anchorです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#632449
oklch(0.366 0.102 347)
カラー変換
- HEX
- #632449
- RGB
- rgb(99 36 73)
- HSL
- hsl(325 47% 26%)
- HWB
- hwb(325 14% 61%)
- OKLCH
- oklch(0.366 0.102 347)
- OKLab
- oklab(0.366 0.099 -0.023)
- CIE Lab
- lab(25.09 32.19 -8.25)
- LCH
- lch(25.09 33.23 345.6)
- CMYK
- cmyk(0% 64% 26% 61%)
ティント · シェード · トーン
ティント
- 733959
- 834D6A
- 93627C
- A2778D
- B28D9F
- C1A3B2
- D1B9C5
- E0D0D8
- F0E7EB
シェード
- 551E3E
- 471834
- 3A122A
- 2E0C20
- 210717
- 16040E
- 0B0206
- 030002
- 000000
トーン
- 672E4E
- 6B3854
- 6E4159
- 714A5F
- 745364
- 775C6A
- 7A656F
- 7C6E75
- 7E777A
カラーハーモニー
補色 +180°
- 632449
Soul Anchor
- 004B36
≈ Chrysocolla Dark Green
類似色 -30° +30°
- 632449
Soul Anchor
- 542B62
≈ Kuwanomi Purple
- 6A232B
≈ Monarch
トライアド +120° +240°
- 632449
Soul Anchor
- 444100
≈ Green Not Found
- 00465B
≈ Loyal Blue
スプリットコンプリメンタリー +150° +210°
- 632449
Soul Anchor
- 214A0A
≈ Dark Fern
- 00494A
≈ Sherpa Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.17:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.87:1 · APCA Lc 7
最適な文字色: #FFFFFF
WCAG 11.17:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--soul-anchor: #632449;
--soul-anchor-rgb: 99 36 73;
--soul-anchor-oklch: oklch(0.366 0.102 347);
}
.element {
color: var(--soul-anchor);
background-color: hsl(325 47% 26%);
border-color: oklch(0.366 0.102 347);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #632449;
--color-soul-anchor-50: #ffeafa;
--color-soul-anchor-100: #ffdbed;
--color-soul-anchor-200: #f7c3db;
--color-soul-anchor-300: #e0a2c0;
--color-soul-anchor-400: #cb86aa;
--color-soul-anchor-500: #b76993;
--color-soul-anchor-600: #9a597c;
--color-soul-anchor-700: #7c4764;
--color-soul-anchor-800: #5b334a;
--color-soul-anchor-900: #402334;
--color-soul-anchor-950: #29121f;
}SCSS
$soul-anchor: #632449;
$soul-anchor-rgb: 99, 36, 73;
$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);
}