色名 · #D9A8A8
Silver Pink
Silver Pinkは#D9A8A8：rgb(217 168 168)、hsl(0 39% 75%)、oklch(0.776 0.058 18.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Silver Pink color name →
#D9A8A8
oklch(0.776 0.058 18.5)
カラー変換
- HEX
- #d9a8a8
- RGB
- rgb(217 168 168)
- HSL
- hsl(0 39% 75%)
- HWB
- hwb(0 66% 15%)
- OKLCH
- oklch(0.776 0.058 18.5)
- OKLab
- oklab(0.776 0.055 0.018)
- CIE Lab
- lab(73.47 18.55 7.31)
- LCH
- lch(73.47 19.94 21.5)
- CMYK
- cmyk(0% 23% 23% 15%)
ティント · シェード · トーン
ティント
- DDB1B0
- E1B9B9
- E5C2C1
- E9CACA
- EDD3D3
- F1DCDB
- F4E4E4
- F8EDED
- FCF6F6
シェード
- BC9292
- A17C7C
- 866767
- 6C5252
- 533F3F
- 3B2C2C
- 251A1A
- 110A0A
- 020101
トーン
- D0A4A4
- C7A0A0
- BE9C9C
- B59898
- AC9494
- A39090
- 9A8C8C
- 928888
- 898484
カラーハーモニー
補色 +180°
- D9A8A8
Silver Pink
- 8AC2C4
≈ Cabana Bay
類似色 -30° +30°
- D9A8A8
Silver Pink
- D3A8BC
≈ Enhance
- D6AC96
≈ Hayride
トライアド +120° +240°
- D9A8A8
Silver Pink
- A4C09C
≈ Spring Sprig
- A0B8DC
≈ Pylon
スプリットコンプリメンタリー +150° +210°
- D9A8A8
Silver Pink
- 92C3B0
≈ Bella Green
- 90BED4
≈ Speedboat
テトラード +90° +180° +270°
- D9A8A8
Silver Pink
- B9BA8F
≈ Back to Nature
- 8AC2C4
≈ Cabana Bay
- B4B1DA
≈ Beloved
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.07:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.11:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--silver-pink: #d9a8a8;
--silver-pink-rgb: 217 168 168;
--silver-pink-oklch: oklch(0.776 0.058 18.5);
}
.element {
color: var(--silver-pink);
background-color: hsl(0 39% 75%);
border-color: oklch(0.776 0.058 18.5);
}Tailwind CSS v4
@theme {
--color-silver-pink: #d9a8a8;
--color-silver-pink-50: #ffefee;
--color-silver-pink-100: #fbe1e0;
--color-silver-pink-200: #eccbca;
--color-silver-pink-300: #d4acab;
--color-silver-pink-400: #be9191;
--color-silver-pink-500: #a97777;
--color-silver-pink-600: #8f6565;
--color-silver-pink-700: #735051;
--color-silver-pink-800: #553a3b;
--color-silver-pink-900: #3b2829;
--color-silver-pink-950: #251617;
}SCSS
$silver-pink: #d9a8a8;
$silver-pink-rgb: 217, 168, 168;
$silver-pink-light: mix(#fff, $silver-pink, 20%);
$silver-pink-dark: mix(#000, $silver-pink, 20%);
.element {
color: $silver-pink;
box-shadow: 0 0 0 2px rgba($silver-pink, 0.35);
}