色名 · #C4A8CF
Feminine Fancy
Feminine Fancyは#C4A8CF：rgb(196 168 207)、hsl(283 29% 74%)、oklch(0.769 0.063 316.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Feminine Fancy color name →
#C4A8CF
oklch(0.769 0.063 316.4)
カラー変換
- HEX
- #c4a8cf
- RGB
- rgb(196 168 207)
- HSL
- hsl(283 29% 74%)
- HWB
- hwb(283 66% 19%)
- OKLCH
- oklch(0.769 0.063 316.4)
- OKLab
- oklab(0.769 0.045 -0.043)
- CIE Lab
- lab(72.32 15.8 -15.98)
- LCH
- lch(72.32 22.47 314.7)
- CMYK
- cmyk(5% 19% 0% 19%)
ティント · シェード · トーン
ティント
- CAB1D4
- D0B9D9
- D6C2DD
- DBCAE2
- E1D3E7
- E7DCEC
- EDE4F1
- F3EDF5
- F9F6FA
シェード
- AA92B4
- 917C99
- 78677F
- 615267
- 4A3F4F
- 352C38
- 211A23
- 0E0A10
- 020102
トーン
- BDA4C7
- B6A0BF
- AF9CB7
- A898AF
- A194A7
- 9B909F
- 948C97
- 8D888F
- 878488
カラーハーモニー
補色 +180°
- C4A8CF
Feminine Fancy
- A2BE96
≈ Spring Sprig
類似色 -30° +30°
- C4A8CF
Feminine Fancy
- B0AEDB
≈ Purple Hibiscus
- D2A4BC
≈ Enhance
トライアド +120° +240°
- C4A8CF
Feminine Fancy
- CBAF87
≈ Harvest Home
- 84C1C1
≈ Celestine
スプリットコンプリメンタリー +150° +210°
- C4A8CF
Feminine Fancy
- B8B789
≈ Secret Glade
- 8EC1AB
≈ Spearmint Frosting
テトラード +90° +180° +270°
- C4A8CF
Feminine Fancy
- D6A892
≈ North Rim
- A2BE96
≈ Spring Sprig
- 89BDD3
≈ Juvie
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.13:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.84:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.84:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--feminine-fancy: #c4a8cf;
--feminine-fancy-rgb: 196 168 207;
--feminine-fancy-oklch: oklch(0.769 0.063 316.4);
}
.element {
color: var(--feminine-fancy);
background-color: hsl(283 29% 74%);
border-color: oklch(0.769 0.063 316.4);
}Tailwind CSS v4
@theme {
--color-feminine-fancy: #c4a8cf;
--color-feminine-fancy-50: #fdf0ff;
--color-feminine-fancy-100: #f1e2f6;
--color-feminine-fancy-200: #e0cce6;
--color-feminine-fancy-300: #c5aecc;
--color-feminine-fancy-400: #ad93b8;
--color-feminine-fancy-500: #977aa2;
--color-feminine-fancy-600: #806789;
--color-feminine-fancy-700: #66526e;
--color-feminine-fancy-800: #4a3c52;
--color-feminine-fancy-900: #342939;
--color-feminine-fancy-950: #1f1723;
}SCSS
$feminine-fancy: #c4a8cf;
$feminine-fancy-rgb: 196, 168, 207;
$feminine-fancy-light: mix(#fff, $feminine-fancy, 20%);
$feminine-fancy-dark: mix(#000, $feminine-fancy, 20%);
.element {
color: $feminine-fancy;
box-shadow: 0 0 0 2px rgba($feminine-fancy, 0.35);
}