色名 · #D9CAC3
Goodbye Kiss
Goodbye Kissは#D9CAC3：rgb(217 202 195)、hsl(19 22% 81%)、oklch(0.849 0.019 46.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Goodbye Kiss color name →
#D9CAC3
oklch(0.849 0.019 46.8)
カラー変換
- HEX
- #d9cac3
- RGB
- rgb(217 202 195)
- HSL
- hsl(19 22% 81%)
- HWB
- hwb(19 76% 15%)
- OKLCH
- oklch(0.849 0.019 46.8)
- OKLab
- oklab(0.849 0.013 0.014)
- CIE Lab
- lab(82.43 4.53 5.49)
- LCH
- lch(82.43 7.12 50.5)
- CMYK
- cmyk(0% 7% 10% 15%)
ティント · シェード · トーン
ティント
- DDCFC9
- E1D4CF
- E4DAD5
- E8DFDB
- ECE4E1
- F0EAE7
- F4EFED
- F7F4F3
- FBFAF9
シェード
- BCAFA9
- A19590
- 867C78
- 6C6460
- 534D4A
- 3B3734
- 252220
- 110F0E
- 020202
トーン
- D0C2BC
- C7BBB5
- BDB3AE
- B4ACA8
- ABA4A1
- A39D9A
- 9A9694
- 918E8D
- 898786
カラーハーモニー
補色 +180°
- D9CAC3
Goodbye Kiss
- C1D0D7
≈ Tinsel Beam
類似色 -30° +30°
- D9CAC3
Goodbye Kiss
- DAC9C9
≈ Light Pink Polar
- D5CCC0
≈ In the Buff
トライアド +120° +240°
- D9CAC3
Goodbye Kiss
- C2D2CB
≈ Spearmint Ice
- CCCCDA
≈ Lunar Dust
スプリットコンプリメンタリー +150° +210°
- D9CAC3
Goodbye Kiss
- C0D2D2
≈ Icy Waterfall
- C6CEDA
≈ Steel Mist
テトラード +90° +180° +270°
- D9CAC3
Goodbye Kiss
- C8D1C4
≈ White Granite
- C1D0D7
≈ Tinsel Beam
- D3CAD6
≈ Orchid Tint
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.59:1 · APCA Lc 27
Ag
AAA黒の上
WCAG 13.18:1 · APCA Lc 76
最適な文字色: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--goodbye-kiss: #d9cac3;
--goodbye-kiss-rgb: 217 202 195;
--goodbye-kiss-oklch: oklch(0.849 0.019 46.8);
}
.element {
color: var(--goodbye-kiss);
background-color: hsl(19 22% 81%);
border-color: oklch(0.849 0.019 46.8);
}Tailwind CSS v4
@theme {
--color-goodbye-kiss: #d9cac3;
--color-goodbye-kiss-50: #faf4f0;
--color-goodbye-kiss-100: #eee6e2;
--color-goodbye-kiss-200: #dcd2cd;
--color-goodbye-kiss-300: #c0b5af;
--color-goodbye-kiss-400: #a99b95;
--color-goodbye-kiss-500: #92837b;
--color-goodbye-kiss-600: #7b6f69;
--color-goodbye-kiss-700: #635854;
--color-goodbye-kiss-800: #48403d;
--color-goodbye-kiss-900: #322c2a;
--color-goodbye-kiss-950: #1e1917;
}SCSS
$goodbye-kiss: #d9cac3;
$goodbye-kiss-rgb: 217, 202, 195;
$goodbye-kiss-light: mix(#fff, $goodbye-kiss, 20%);
$goodbye-kiss-dark: mix(#000, $goodbye-kiss, 20%);
.element {
color: $goodbye-kiss;
box-shadow: 0 0 0 2px rgba($goodbye-kiss, 0.35);
}