色名 · #EECFFE
Rose Dragée
Rose Dragéeは#EECFFE：rgb(238 207 254)、hsl(280 96% 90%)、oklch(0.895 0.071 314.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Rose Dragée color name →
#EECFFE
oklch(0.895 0.071 314.2)
カラー変換
- HEX
- #eecffe
- RGB
- rgb(238 207 254)
- HSL
- hsl(280 96% 90%)
- HWB
- hwb(280 81% 0%)
- OKLCH
- oklch(0.895 0.071 314.2)
- OKLab
- oklab(0.895 0.05 -0.051)
- CIE Lab
- lab(86.88 17.38 -18.93)
- LCH
- lch(86.88 25.7 312.6)
- CMYK
- cmyk(6% 19% 0% 0%)
ティント · シェード · トーン
ティント
- F0D4FE
- F1D9FE
- F3DDFF
- F5E2FF
- F7E7FF
- F8ECFF
- FAF1FF
- FCF5FF
- FDFAFF
シェード
- CFB4DD
- B199BD
- 937F9E
- 776780
- 5C4F63
- 423847
- 2A232D
- 141016
- 030203
トーン
- E2C7F1
- D7BFE4
- CCB7D7
- C1AFCA
- B6A7BD
- AB9FB1
- A097A4
- 958F98
- 8A888C
カラーハーモニー
補色 +180°
- EECFFE
Rose Dragée
- C9E7B8
≈ Fairway Mist
類似色 -30° +30°
- EECFFE
Rose Dragée
- D7D8FF
≈ Icy Plains
- FFCBE8
≈ Classic Rose
トライアド +120° +240°
- EECFFE
Rose Dragée
- F9D6A8
≈ Tuscan
- A4ECEA
≈ Freezy Breezy
スプリットコンプリメンタリー +150° +210°
- EECFFE
Rose Dragée
- E4DFA9
≈ Green Charm
- B1ECD0
≈ Faint Clover
テトラード +90° +180° +270°
- EECFFE
Rose Dragée
- FFD1BD
≈ Vienna Sausage
- C9E7B8
≈ Fairway Mist
- AAE7FF
≈ Fresh Air
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.40:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 14.99:1 · APCA Lc 84
最適な文字色: #000000
WCAG 14.99:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--rose-dragee: #eecffe;
--rose-dragee-rgb: 238 207 254;
--rose-dragee-oklch: oklch(0.895 0.071 314.2);
}
.element {
color: var(--rose-dragee);
background-color: hsl(280 96% 90%);
border-color: oklch(0.895 0.071 314.2);
}Tailwind CSS v4
@theme {
--color-rose-dragee: #eecffe;
--color-rose-dragee-50: #fdefff;
--color-rose-dragee-100: #f2e1f8;
--color-rose-dragee-200: #e1cbe9;
--color-rose-dragee-300: #c6add0;
--color-rose-dragee-400: #ae92bc;
--color-rose-dragee-500: #9878a7;
--color-rose-dragee-600: #80668d;
--color-rose-dragee-700: #675171;
--color-rose-dragee-800: #4b3b54;
--color-rose-dragee-900: #34293b;
--color-rose-dragee-950: #1f1625;
}SCSS
$rose-dragee: #eecffe;
$rose-dragee-rgb: 238, 207, 254;
$rose-dragee-light: mix(#fff, $rose-dragee, 20%);
$rose-dragee-dark: mix(#000, $rose-dragee, 20%);
.element {
color: $rose-dragee;
box-shadow: 0 0 0 2px rgba($rose-dragee, 0.35);
}