最も近い色名 · #975979
#975979
最も近い色名: Indian Silk
#975979（rgb(151 89 121)、hsl(329 26% 47%)、oklch(0.544 0.091 348.3)）に最も近い色名はIndian Silkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#975979
oklch(0.544 0.091 348.3)
カラー変換
- HEX
- #975979
- RGB
- rgb(151 89 121)
- HSL
- hsl(329 26% 47%)
- HWB
- hwb(329 35% 41%)
- OKLCH
- oklch(0.544 0.091 348.3)
- OKLab
- oklab(0.544 0.09 -0.019)
- CIE Lab
- lab(45.92 29.48 -6.68)
- LCH
- lch(45.92 30.22 347.2)
- CMYK
- cmyk(0% 41% 20% 41%)
ティント · シェード · トーン
ティント
- A26986
- AD7992
- B7899F
- C299AD
- CCAABA
- D7BAC7
- E1CBD5
- EBDCE3
- F5EEF1
シェード
- 834C68
- 6F4058
- 5C3448
- 492839
- 371D2B
- 26131D
- 170910
- 080305
- 010001
トーン
- 955D7A
- 93617A
- 91657B
- 8F697C
- 8D6D7D
- 8B717D
- 88757E
- 86797F
- 837C7F
カラーハーモニー
補色 +180°
- 975979
Indian Silk
- 2D8166
≈ Accent Green Blue
類似色 -30° +30°
- 975979
Indian Silk
- 865E92
≈ Swiss Lilac
- 9E595B
≈ Rhode Island Red
トライアド +120° +240°
- 975979
Indian Silk
- 75742E
≈ Wood Garlic
- 287A9A
≈ Fun and Games
スプリットコンプリメンタリー +150° +210°
- 975979
Indian Silk
- 547D47
≈ Mossy Green
- 068083
≈ Teal
テトラード +90° +180° +270°
- 975979
Indian Silk
- 8D692A
≈ Aged Antics
- 2D8166
≈ Accent Green Blue
- 4E71A5
≈ Great Serpent
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.02:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--indian-silk: #975979;
--indian-silk-rgb: 151 89 121;
--indian-silk-oklch: oklch(0.544 0.091 348.3);
}
.element {
color: var(--indian-silk);
background-color: hsl(329 26% 47%);
border-color: oklch(0.544 0.091 348.3);
}Tailwind CSS v4
@theme {
--color-indian-silk: #975979;
--color-indian-silk-50: #ffebf9;
--color-indian-silk-100: #ffdcec;
--color-indian-silk-200: #f4c5d9;
--color-indian-silk-300: #dca5be;
--color-indian-silk-400: #c788a8;
--color-indian-silk-500: #b36c90;
--color-indian-silk-600: #975c7a;
--color-indian-silk-700: #794962;
--color-indian-silk-800: #593549;
--color-indian-silk-900: #3e2432;
--color-indian-silk-950: #27131e;
}SCSS
$indian-silk: #975979;
$indian-silk-rgb: 151, 89, 121;
$indian-silk-light: mix(#fff, $indian-silk, 20%);
$indian-silk-dark: mix(#000, $indian-silk, 20%);
.element {
color: $indian-silk;
box-shadow: 0 0 0 2px rgba($indian-silk, 0.35);
}