色名 · #E7C3E7
Prom Corsage
Prom Corsageは#E7C3E7：rgb(231 195 231)、hsl(300 43% 84%)、oklch(0.859 0.063 326.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Prom Corsage color name →
#E7C3E7
oklch(0.859 0.063 326.1)
カラー変換
- HEX
- #e7c3e7
- RGB
- rgb(231 195 231)
- HSL
- hsl(300 43% 84%)
- HWB
- hwb(300 76% 9%)
- OKLCH
- oklch(0.859 0.063 326.1)
- OKLab
- oklab(0.859 0.052 -0.035)
- CIE Lab
- lab(82.78 17.74 -12.95)
- LCH
- lch(82.78 21.96 323.9)
- CMYK
- cmyk(0% 16% 0% 9%)
ティント · シェード · トーン
ティント
- EAC9E9
- ECCFEC
- EED5EE
- F1DBF1
- F3E1F3
- F6E7F6
- F8EDF8
- FAF3FA
- FDF9FD
シェード
- C9A9C9
- AB90AB
- 8F788F
- 736073
- 594A59
- 403440
- 282028
- 130E13
- 030203
トーン
- DCBCDC
- D2B5D2
- C7AFC7
- BDA8BD
- B2A1B2
- A89AA8
- 9E949E
- 948D94
- 8A878A
カラーハーモニー
補色 +180°
- E7C3E7
Prom Corsage
- B7DCB9
≈ Grasshopper Pie
類似色 -30° +30°
- E7C3E7
Prom Corsage
- D4C9F6
≈ Soap
- F4C0D2
≈ Pink Destiny
トライアド +120° +240°
- E7C3E7
Prom Corsage
- E3CFA2
≈ Lucent Yellow
- A0DDE5
≈ Charlotte
スプリットコンプリメンタリー +150° +210°
- E7C3E7
Prom Corsage
- CED6A8
≈ Trailing Vine
- A5DFCF
≈ Meristem
テトラード +90° +180° +270°
- E7C3E7
Prom Corsage
- F2C7AA
≈ Citrus Sachet
- B7DCB9
≈ Grasshopper Pie
- AAD8F5
≈ Blue Rice
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.57:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.35:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--prom-corsage: #e7c3e7;
--prom-corsage-rgb: 231 195 231;
--prom-corsage-oklch: oklch(0.859 0.063 326.1);
}
.element {
color: var(--prom-corsage);
background-color: hsl(300 43% 84%);
border-color: oklch(0.859 0.063 326.1);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e7c3e7;
--color-prom-corsage-50: #ffeffe;
--color-prom-corsage-100: #f4e1f3;
--color-prom-corsage-200: #e4cbe2;
--color-prom-corsage-300: #caadc8;
--color-prom-corsage-400: #b292b3;
--color-prom-corsage-500: #9c789d;
--color-prom-corsage-600: #846684;
--color-prom-corsage-700: #6a516a;
--color-prom-corsage-800: #4d3b4f;
--color-prom-corsage-900: #362837;
--color-prom-corsage-950: #211622;
}SCSS
$prom-corsage: #e7c3e7;
$prom-corsage-rgb: 231, 195, 231;
$prom-corsage-light: mix(#fff, $prom-corsage, 20%);
$prom-corsage-dark: mix(#000, $prom-corsage, 20%);
.element {
color: $prom-corsage;
box-shadow: 0 0 0 2px rgba($prom-corsage, 0.35);
}