最も近い色名 · #9A3263
#9A3263
最も近い色名: Thorne Wines
#9A3263（rgb(154 50 99)、hsl(332 51% 40%)、oklch(0.484 0.146 354.9)）に最も近い色名はThorne Winesです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9A3263
oklch(0.484 0.146 354.9)
カラー変換
- HEX
- #9a3263
- RGB
- rgb(154 50 99)
- HSL
- hsl(332 51% 40%)
- HWB
- hwb(332 20% 40%)
- OKLCH
- oklch(0.484 0.146 354.9)
- OKLab
- oklab(0.484 0.146 -0.013)
- CIE Lab
- lab(38.26 47.07 -4.33)
- LCH
- lch(38.26 47.27 354.7)
- CMYK
- cmyk(0% 68% 36% 40%)
ティント · シェード · トーン
ティント
- A64871
- B15D80
- BD718F
- C7859E
- D199AE
- DBADBE
- E5C1CE
- EED5DE
- F7EAEE
シェード
- 852A55
- 712247
- 5E1B3A
- 4B142E
- 390D21
- 270716
- 17030B
- 090103
- 010000
トーン
- 993C66
- 974569
- 964E6C
- 94566F
- 915D71
- 8F6474
- 8C6C77
- 88737A
- 84797D
カラーハーモニー
補色 +180°
- 9A3263
Thorne Wines
- 006F5C
≈ Teal Dark Green
類似色 -30° +30°
- 9A3263
Thorne Wines
- 863B8B
≈ Purple Sultan
- A13332
≈ Milano Red
トライアド +120° +240°
- 9A3263
Thorne Wines
- 5D6500
≈ Mud Green
- 006790
≈ Pulsating Blue
スプリットコンプリメンタリー +150° +210°
- 9A3263
Thorne Wines
- 0E7320
≈ Clear Green
- 006C75
≈ Toadstool Teal
テトラード +90° +180° +270°
- 9A3263
Thorne Wines
- 785900
≈ Blackfire Earth
- 006F5C
≈ Teal Dark Green
- 3558B0
≈ Blasphemous Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.97:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.01:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.97:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--thorne-wines: #9a3263;
--thorne-wines-rgb: 154 50 99;
--thorne-wines-oklch: oklch(0.484 0.146 354.9);
}
.element {
color: var(--thorne-wines);
background-color: hsl(332 51% 40%);
border-color: oklch(0.484 0.146 354.9);
}Tailwind CSS v4
@theme {
--color-thorne-wines: #9a3263;
--color-thorne-wines-50: #ffe5f6;
--color-thorne-wines-100: #ffd4e9;
--color-thorne-wines-200: #ffbad5;
--color-thorne-wines-300: #f397b8;
--color-thorne-wines-400: #e077a3;
--color-thorne-wines-500: #cd568b;
--color-thorne-wines-600: #ad4976;
--color-thorne-wines-700: #8b3a5e;
--color-thorne-wines-800: #672a47;
--color-thorne-wines-900: #491c31;
--color-thorne-wines-950: #2f0c1d;
}SCSS
$thorne-wines: #9a3263;
$thorne-wines-rgb: 154, 50, 99;
$thorne-wines-light: mix(#fff, $thorne-wines, 20%);
$thorne-wines-dark: mix(#000, $thorne-wines, 20%);
.element {
color: $thorne-wines;
box-shadow: 0 0 0 2px rgba($thorne-wines, 0.35);
}