色名 · #C2A9DB
Perfume
Perfumeは#C2A9DB：rgb(194 169 219)、hsl(270 41% 76%)、oklch(0.773 0.075 307.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Perfume color name →
#C2A9DB
oklch(0.773 0.075 307.4)
カラー変換
- HEX
- #c2a9db
- RGB
- rgb(194 169 219)
- HSL
- hsl(270 41% 76%)
- HWB
- hwb(270 66% 14%)
- OKLCH
- oklch(0.773 0.075 307.4)
- OKLab
- oklab(0.773 0.046 -0.06)
- CIE Lab
- lab(72.72 16.42 -21.94)
- LCH
- lch(72.72 27.4 306.8)
- CMYK
- cmyk(11% 23% 0% 14%)
ティント · シェード · トーン
ティント
- C8B1DF
- CEBAE2
- D4C2E6
- DACBEA
- E0D4ED
- E6DCF1
- ECE5F5
- F3EEF8
- F9F6FC
シェード
- A892BE
- 8F7CA2
- 776787
- 60536D
- 493F54
- 342C3C
- 201B26
- 0E0A11
- 020102
トーン
- BBA5D2
- B4A1C8
- AE9DBF
- A799B6
- A095AD
- 9A90A4
- 938C9B
- 8D8892
- 868489
カラーハーモニー
補色 +180°
- C2A9DB
Perfume
- A8BF8B
≈ Shrubbery
類似色 -30° +30°
- C2A9DB
Perfume
- A9B1E5
≈ Maximum Blue Purple
- D5A3C6
≈ Pastel Lavender
トライアド +120° +240°
- C2A9DB
Perfume
- D6AD82
≈ Paper Brown
- 7BC5BD
≈ Booty Bay
スプリットコンプリメンタリー +150° +210°
- C2A9DB
Perfume
- C2B67E
≈ Cool Avocado
- 8DC4A3
≈ Delltone
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.10:1 · APCA Lc 41
Ag
AAA黒の上
WCAG 9.99:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
CSS
:root {
--perfume: #c2a9db;
--perfume-rgb: 194 169 219;
--perfume-oklch: oklch(0.773 0.075 307.4);
}
.element {
color: var(--perfume);
background-color: hsl(270 41% 76%);
border-color: oklch(0.773 0.075 307.4);
}Tailwind CSS v4
@theme {
--color-perfume: #c2a9db;
--color-perfume-50: #fcf0ff;
--color-perfume-100: #efe2fb;
--color-perfume-200: #decced;
--color-perfume-300: #c3add5;
--color-perfume-400: #aa93c1;
--color-perfume-500: #9379ad;
--color-perfume-600: #7d6692;
--color-perfume-700: #645275;
--color-perfume-800: #483c57;
--color-perfume-900: #32293d;
--color-perfume-950: #1e1726;
}SCSS
$perfume: #c2a9db;
$perfume-rgb: 194, 169, 219;
$perfume-light: mix(#fff, $perfume, 20%);
$perfume-dark: mix(#000, $perfume, 20%);
.element {
color: $perfume;
box-shadow: 0 0 0 2px rgba($perfume, 0.35);
}