色名 · #DA9EC8
Rose Garden
Rose Gardenは#DA9EC8：rgb(218 158 200)、hsl(318 45% 74%)、oklch(0.769 0.09 337.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Rose Garden color name →
#DA9EC8
oklch(0.769 0.09 337.9)
カラー変換
- HEX
- #da9ec8
- RGB
- rgb(218 158 200)
- HSL
- hsl(318 45% 74%)
- HWB
- hwb(318 62% 15%)
- OKLCH
- oklch(0.769 0.09 337.9)
- OKLab
- oklab(0.769 0.083 -0.034)
- CIE Lab
- lab(71.97 27.82 -12.39)
- LCH
- lch(71.97 30.45 336)
- CMYK
- cmyk(0% 28% 8% 15%)
ティント · シェード · トーン
ティント
- DEA8CD
- E2B1D3
- E6BBD8
- EAC5DE
- EECEE3
- F1D8E9
- F5E2EE
- F8EBF4
- FCF5F9
シェード
- BD89AE
- A27494
- 87607B
- 6C4D63
- 543A4C
- 3C2936
- 251821
- 11090F
- 020102
トーン
- D19BC1
- C898B9
- BF95B2
- B692AB
- AD8FA3
- A48C9C
- 9B8995
- 92868E
- 898387
カラーハーモニー
補色 +180°
- DA9EC8
Rose Garden
- 82C69E
≈ Foul Green
類似色 -30° +30°
- DA9EC8
Rose Garden
- C4A5E0
≈ Enchanted Lavender
- E69CA9
≈ Vintage Victorian
トライアド +120° +240°
- DA9EC8
Rose Garden
- C3B571
≈ Kohlrabi
- 6CC2DA
≈ Squeaky
スプリットコンプリメンタリー +150° +210°
- DA9EC8
Rose Garden
- A3BF81
≈ Margarita
- 6AC7BE
≈ Nile Stone
テトラード +90° +180° +270°
- DA9EC8
Rose Garden
- DAA975
≈ Sweet Cashew
- 82C69E
≈ Foul Green
- 86B9EB
≈ Electric Eel
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.16:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.70:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--rose-garden: #da9ec8;
--rose-garden-rgb: 218 158 200;
--rose-garden-oklch: oklch(0.769 0.09 337.9);
}
.element {
color: var(--rose-garden);
background-color: hsl(318 45% 74%);
border-color: oklch(0.769 0.09 337.9);
}Tailwind CSS v4
@theme {
--color-rose-garden: #da9ec8;
--color-rose-garden-50: #ffecfd;
--color-rose-garden-100: #feddf1;
--color-rose-garden-200: #f0c6e0;
--color-rose-garden-300: #d7a6c6;
--color-rose-garden-400: #c28ab1;
--color-rose-garden-500: #ad6e9b;
--color-rose-garden-600: #925e83;
--color-rose-garden-700: #754b69;
--color-rose-garden-800: #56364e;
--color-rose-garden-900: #3c2536;
--color-rose-garden-950: #261321;
}SCSS
$rose-garden: #da9ec8;
$rose-garden-rgb: 218, 158, 200;
$rose-garden-light: mix(#fff, $rose-garden, 20%);
$rose-garden-dark: mix(#000, $rose-garden, 20%);
.element {
color: $rose-garden;
box-shadow: 0 0 0 2px rgba($rose-garden, 0.35);
}