最も近い色名 · #5F3047
#5F3047
最も近い色名: Soul Anchor
#5F3047（rgb(95 48 71)、hsl(331 33% 28%)、oklch(0.378 0.075 350.6)）に最も近い色名はSoul Anchorです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5F3047
oklch(0.378 0.075 350.6)
カラー変換
- HEX
- #5f3047
- RGB
- rgb(95 48 71)
- HSL
- hsl(331 33% 28%)
- HWB
- hwb(331 19% 63%)
- OKLCH
- oklch(0.378 0.075 350.6)
- OKLab
- oklab(0.378 0.074 -0.012)
- CIE Lab
- lab(26.87 24.1 -4.36)
- LCH
- lch(26.87 24.49 349.7)
- CMYK
- cmyk(0% 49% 25% 63%)
ティント · シェード · トーン
ティント
- 6F4357
- 7E5668
- 8E697A
- 9E7E8C
- AE929E
- BEA7B1
- CEBCC4
- DED2D7
- EFE8EB
シェード
- 52283D
- 442132
- 381A28
- 2C131F
- 200C16
- 15060D
- 0A0306
- 030102
- 000000
トーン
- 63384C
- 674052
- 6A4858
- 6E505D
- 715863
- 746069
- 78686E
- 7A7074
- 7D787A
カラーハーモニー
補色 +180°
- 5F3047
Soul Anchor
- 004E3C
≈ Raspberry Leaf Green
類似色 -30° +30°
- 5F3047
Soul Anchor
- 53345A
≈ Blackberry Cordial
- 643031
≈ Voluptuous
トライアド +120° +240°
- 5F3047
Soul Anchor
- 44450D
≈ Alligator Gladiator
- 034862
≈ Stegadon Scale Green
スプリットコンプリメンタリー +150° +210°
- 5F3047
Soul Anchor
- 2A4B24
≈ Cal Poly Pomona Green
- 004C50
≈ Dark Teal
テトラード +90° +180° +270°
- 5F3047
Soul Anchor
- 563D06
≈ Pineapple
- 004E3C
≈ Raspberry Leaf Green
- 2A4169
≈ Nightlife
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 10.49:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 2.00:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 10.49:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--soul-anchor: #5f3047;
--soul-anchor-rgb: 95 48 71;
--soul-anchor-oklch: oklch(0.378 0.075 350.6);
}
.element {
color: var(--soul-anchor);
background-color: hsl(331 33% 28%);
border-color: oklch(0.378 0.075 350.6);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #5f3047;
--color-soul-anchor-50: #ffedf7;
--color-soul-anchor-100: #fddeea;
--color-soul-anchor-200: #efc8d7;
--color-soul-anchor-300: #d7a8bb;
--color-soul-anchor-400: #c18da4;
--color-soul-anchor-500: #ac728d;
--color-soul-anchor-600: #926077;
--color-soul-anchor-700: #754d5f;
--color-soul-anchor-800: #563847;
--color-soul-anchor-900: #3c2631;
--color-soul-anchor-950: #26141d;
}SCSS
$soul-anchor: #5f3047;
$soul-anchor-rgb: 95, 48, 71;
$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);
}