色名 · #A7879A
Evening Pink
Evening Pinkは#A7879A：rgb(167 135 154)、hsl(324 15% 59%)、oklch(0.659 0.047 342.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Evening Pink color name →
#A7879A
oklch(0.659 0.047 342.1)
カラー変換
- HEX
- #a7879a
- RGB
- rgb(167 135 154)
- HSL
- hsl(324 15% 59%)
- HWB
- hwb(324 53% 35%)
- OKLCH
- oklch(0.659 0.047 342.1)
- OKLab
- oklab(0.659 0.045 -0.014)
- CIE Lab
- lab(59.82 14.99 -5.31)
- LCH
- lch(59.82 15.9 340.5)
- CMYK
- cmyk(0% 19% 8% 35%)
ティント · シェード · トーン
ティント
- B092A4
- B89EAD
- C1AAB7
- CAB6C1
- D3C1CB
- DCCED6
- E4DAE0
- EDE6EA
- F6F2F5
シェード
- 917585
- 7B6371
- 66515E
- 52414B
- 3E3139
- 2C2127
- 1A1317
- 0A0609
- 010101
トーン
- A38697
- 9F8695
- 9B8592
- 988490
- 94848D
- 90838A
- 8C8288
- 888285
- 848183
カラーハーモニー
補色 +180°
- A7879A
Evening Pink
- 799B89
≈ Parisian Patina
類似色 -30° +30°
- A7879A
Evening Pink
- 9C8AA7
≈ Amethyst Paint
- AD878A
≈ Orchid Red
トライアド +120° +240°
- A7879A
Evening Pink
- 979372
≈ Inness Sage
- 7299A7
≈ Smoky Blue
スプリットコンプリメンタリー +150° +210°
- A7879A
Evening Pink
- 87987B
≈ Laurel Tree
- 709B99
≈ Palmetto
テトラード +90° +180° +270°
- A7879A
Evening Pink
- A48E73
≈ Elk
- 799B89
≈ Parisian Patina
- 7E94AE
≈ Lilac Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.19:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.57:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--evening-pink: #a7879a;
--evening-pink-rgb: 167 135 154;
--evening-pink-oklch: oklch(0.659 0.047 342.1);
}
.element {
color: var(--evening-pink);
background-color: hsl(324 15% 59%);
border-color: oklch(0.659 0.047 342.1);
}Tailwind CSS v4
@theme {
--color-evening-pink: #a7879a;
--color-evening-pink-50: #fff0f8;
--color-evening-pink-100: #f4e2ec;
--color-evening-pink-200: #e4cdd9;
--color-evening-pink-300: #caaebd;
--color-evening-pink-400: #b394a6;
--color-evening-pink-500: #9d7a8f;
--color-evening-pink-600: #856879;
--color-evening-pink-700: #6a5361;
--color-evening-pink-800: #4e3c47;
--color-evening-pink-900: #362931;
--color-evening-pink-950: #21171d;
}SCSS
$evening-pink: #a7879a;
$evening-pink-rgb: 167, 135, 154;
$evening-pink-light: mix(#fff, $evening-pink, 20%);
$evening-pink-dark: mix(#000, $evening-pink, 20%);
.element {
color: $evening-pink;
box-shadow: 0 0 0 2px rgba($evening-pink, 0.35);
}