最も近い色名 · #A11B73
#A11B73
最も近い色名: Fabric of Love
#A11B73（rgb(161 27 115)、hsl(321 71% 37%)、oklch(0.483 0.185 346.5)）に最も近い色名はFabric of Loveです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A11B73
oklch(0.483 0.185 346.5)
カラー変換
- HEX
- #a11b73
- RGB
- rgb(161 27 115)
- HSL
- hsl(321 71% 37%)
- HWB
- hwb(321 11% 37%)
- OKLCH
- oklch(0.483 0.185 346.5)
- OKLab
- oklab(0.483 0.18 -0.043)
- CIE Lab
- lab(37.4 57.77 -15.52)
- LCH
- lch(37.4 59.82 345)
- CMYK
- cmyk(0% 83% 29% 37%)
ティント · シェード · トーン
ティント
- AD3A80
- B8528E
- C3689B
- CD7EA9
- D793B7
- E0A9C5
- E8BED3
- F0D4E2
- F8E9F0
シェード
- 8B1663
- 761154
- 620C45
- 4E0836
- 3C0528
- 2A021B
- 19010F
- 090005
- 010001
トーン
- 9F2D74
- 9D3A76
- 9B4577
- 994F79
- 96587A
- 92617B
- 8F697C
- 8A717E
- 86787F
カラーハーモニー
補色 +180°
- A11B73
Fabric of Love
- 007052
≈ Natural Watercourse
類似色 -30° +30°
- A11B73
Fabric of Love
- 862FA2
≈ Pleasant Purple
- AE1037
≈ Rouge
トライアド +120° +240°
- A11B73
Fabric of Love
- 666100
≈ Green Brown
- 006886
≈ Ansel
スプリットコンプリメンタリー +150° +210°
- A11B73
Fabric of Love
- 326F00
≈ Tatzelwurm Green
- 006C6E
≈ Byzantine Blue
テトラード +90° +180° +270°
- A11B73
Fabric of Love
- 7E5500
≈ Intense Brown
- 007052
≈ Natural Watercourse
- 005ABA
≈ London Rain
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.19:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 2.91:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--fabric-of-love: #a11b73;
--fabric-of-love-rgb: 161 27 115;
--fabric-of-love-oklch: oklch(0.483 0.185 346.5);
}
.element {
color: var(--fabric-of-love);
background-color: hsl(321 71% 37%);
border-color: oklch(0.483 0.185 346.5);
}Tailwind CSS v4
@theme {
--color-fabric-of-love: #a11b73;
--color-fabric-of-love-50: #ffe0fe;
--color-fabric-of-love-100: #ffcff2;
--color-fabric-of-love-200: #ffb3e1;
--color-fabric-of-love-300: #fc8ec7;
--color-fabric-of-love-400: #e96ab4;
--color-fabric-of-love-500: #d6439f;
--color-fabric-of-love-600: #b53a86;
--color-fabric-of-love-700: #922f6b;
--color-fabric-of-love-800: #6c2151;
--color-fabric-of-love-900: #4c1639;
--color-fabric-of-love-950: #320623;
}SCSS
$fabric-of-love: #a11b73;
$fabric-of-love-rgb: 161, 27, 115;
$fabric-of-love-light: mix(#fff, $fabric-of-love, 20%);
$fabric-of-love-dark: mix(#000, $fabric-of-love, 20%);
.element {
color: $fabric-of-love;
box-shadow: 0 0 0 2px rgba($fabric-of-love, 0.35);
}