最も近い色名 · #D89C89
#D89C89
最も近い色名: Pink Palazzo
#D89C89（rgb(216 156 137)、hsl(14 50% 69%)、oklch(0.745 0.077 38.3)）に最も近い色名はPink Palazzoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D89C89
oklch(0.745 0.077 38.3)
カラー変換
- HEX
- #d89c89
- RGB
- rgb(216 156 137)
- HSL
- hsl(14 50% 69%)
- HWB
- hwb(14 54% 15%)
- OKLCH
- oklch(0.745 0.077 38.3)
- OKLab
- oklab(0.745 0.061 0.048)
- CIE Lab
- lab(69.91 21.28 19.31)
- LCH
- lch(69.91 28.74 42.2)
- CMYK
- cmyk(0% 28% 37% 15%)
ティント · シェード · トーン
ティント
- DCA694
- E1B0A0
- E5B9AC
- E9C3B7
- EDCDC3
- F1D7CF
- F5E1DB
- F8EBE7
- FCF5F3
シェード
- BC8776
- A07364
- 855F53
- 6B4C42
- 533931
- 3B2822
- 251814
- 110907
- 020101
トーン
- CF9988
- C69788
- BE9487
- B59186
- AC8E85
- A38C84
- 9B8983
- 928682
- 898381
カラーハーモニー
補色 +180°
- D89C89
Pink Palazzo
- 72B9CD
≈ Blue Brocade
類似色 -30° +30°
- D89C89
Pink Palazzo
- D898A3
≈ Parrot Pink
- CDA477
≈ Golden Beige
トライアド +120° +240°
- D89C89
Pink Palazzo
- 82BC9A
≈ Grand Gusto
- A1A8DD
≈ Sorbet Ice Mauve
スプリットコンプリメンタリー +150° +210°
- D89C89
Pink Palazzo
- 70BDB6
≈ Polished Aqua
- 86B1DC
≈ Dun Morogh Blue
テトラード +90° +180° +270°
- D89C89
Pink Palazzo
- 9EB682
≈ Mesclun Green
- 72B9CD
≈ Blue Brocade
- BAA0D3
≈ Purple Premiere
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.32:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 9.03:1 · APCA Lc 56
最適な文字色: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--pink-palazzo: #d89c89;
--pink-palazzo-rgb: 216 156 137;
--pink-palazzo-oklch: oklch(0.745 0.077 38.3);
}
.element {
color: var(--pink-palazzo);
background-color: hsl(14 50% 69%);
border-color: oklch(0.745 0.077 38.3);
}Tailwind CSS v4
@theme {
--color-pink-palazzo: #d89c89;
--color-pink-palazzo-50: #ffeee5;
--color-pink-palazzo-100: #ffe0d5;
--color-pink-palazzo-200: #f3cabc;
--color-pink-palazzo-300: #dbab9a;
--color-pink-palazzo-400: #c78f7d;
--color-pink-palazzo-500: #b37460;
--color-pink-palazzo-600: #976252;
--color-pink-palazzo-700: #794f41;
--color-pink-palazzo-800: #5a392f;
--color-pink-palazzo-900: #3f2720;
--color-pink-palazzo-950: #281510;
}SCSS
$pink-palazzo: #d89c89;
$pink-palazzo-rgb: 216, 156, 137;
$pink-palazzo-light: mix(#fff, $pink-palazzo, 20%);
$pink-palazzo-dark: mix(#000, $pink-palazzo, 20%);
.element {
color: $pink-palazzo;
box-shadow: 0 0 0 2px rgba($pink-palazzo, 0.35);
}