色名 · #D2A5BE
Enhance
Enhanceは#D2A5BE：rgb(210 165 190)、hsl(327 33% 74%)、oklch(0.77 0.062 344.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Enhance color name →
#D2A5BE
oklch(0.77 0.062 344.2)
カラー変換
- HEX
- #d2a5be
- RGB
- rgb(210 165 190)
- HSL
- hsl(327 33% 74%)
- HWB
- hwb(327 65% 18%)
- OKLCH
- oklch(0.77 0.062 344.2)
- OKLab
- oklab(0.77 0.06 -0.017)
- CIE Lab
- lab(72.52 20.05 -6.21)
- LCH
- lch(72.52 20.99 342.8)
- CMYK
- cmyk(0% 21% 10% 18%)
ティント · シェード · トーン
ティント
- D7AEC4
- DBB7CB
- E0C0D1
- E5C8D8
- E9D1DE
- EEDAE5
- F2E4EB
- F6EDF2
- FBF6F8
シェード
- B68FA5
- 9B798C
- 816575
- 68515E
- 503D48
- 392B33
- 241A1F
- 100A0D
- 020102
トーン
- CAA1B8
- C19EB1
- B99AAB
- B196A5
- A9939E
- A08F98
- 988B92
- 90878C
- 888486
カラーハーモニー
補色 +180°
- D2A5BE
Enhance
- 90C1AA
≈ Spearmint Frosting
類似色 -30° +30°
- D2A5BE
Enhance
- C3A9D1
≈ Feminine Fancy
- D9A5A8
≈ Prom
トライアド +120° +240°
- D2A5BE
Enhance
- BAB789
≈ Baby Bok Choy
- 89BED2
≈ High Elf Blue
スプリットコンプリメンタリー +150° +210°
- D2A5BE
Enhance
- A4BE96
≈ Spring Sprig
- 85C1C0
≈ Celestine
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.12:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.86:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.86:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--enhance: #d2a5be;
--enhance-rgb: 210 165 190;
--enhance-oklch: oklch(0.77 0.062 344.2);
}
.element {
color: var(--enhance);
background-color: hsl(327 33% 74%);
border-color: oklch(0.77 0.062 344.2);
}Tailwind CSS v4
@theme {
--color-enhance: #d2a5be;
--color-enhance-50: #ffeef9;
--color-enhance-100: #f8e0ec;
--color-enhance-200: #e9cada;
--color-enhance-300: #d0abbe;
--color-enhance-400: #ba90a7;
--color-enhance-500: #a47690;
--color-enhance-600: #8b647a;
--color-enhance-700: #6f5062;
--color-enhance-800: #523a48;
--color-enhance-900: #392832;
--color-enhance-950: #23161e;
}SCSS
$enhance: #d2a5be;
$enhance-rgb: 210, 165, 190;
$enhance-light: mix(#fff, $enhance, 20%);
$enhance-dark: mix(#000, $enhance, 20%);
.element {
color: $enhance;
box-shadow: 0 0 0 2px rgba($enhance, 0.35);
}