色名 · #FF9EDE
Rose Daphne
Rose Daphneは#FF9EDE：rgb(255 158 222)、hsl(320 100% 81%)、oklch(0.817 0.139 340.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Rose Daphne color name →
#FF9EDE
oklch(0.817 0.139 340.8)
カラー変換
- HEX
- #ff9ede
- RGB
- rgb(255 158 222)
- HSL
- hsl(320 100% 81%)
- HWB
- hwb(320 62% 0%)
- OKLCH
- oklch(0.817 0.139 340.8)
- OKLab
- oklab(0.817 0.131 -0.046)
- CIE Lab
- lab(76.79 43.38 -16.68)
- LCH
- lch(76.79 46.48 339)
- CMYK
- cmyk(0% 38% 13% 0%)
ティント · シェード · トーン
ティント
- FFA8E1
- FFB2E5
- FFBCE8
- FFC6EB
- FFCFEF
- FFD9F2
- FFE3F5
- FFECF9
- FFF6FC
シェード
- DE89C1
- BE74A5
- 9E6089
- 804D6F
- 633A55
- 48293D
- 2E1826
- 160912
- 030102
トーン
- F29BD4
- E599CB
- D996C1
- CC93B8
- BF90AE
- B38DA5
- A68A9B
- 9A8792
- 8D8389
カラーハーモニー
補色 +180°
- FF9EDE
Rose Daphne
- 63DEA5
≈ Medium Aquamarine
類似色 -30° +30°
- FF9EDE
Rose Daphne
- DDACFF
≈ Testosterose
- FFA6B2
≈ Ballet Slippers
トライアド +120° +240°
- FF9EDE
Rose Daphne
- D7C54E
≈ Pepperoncini
- 43D6FF
≈ Libra Blue Morpho
スプリットコンプリメンタリー +150° +210°
- FF9EDE
Rose Daphne
- A4D572
≈ Crystal Green
- 14DFD8
≈ Fish Boy
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.87:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.19:1 · APCA Lc 67
最適な文字色: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
コードスニペット
CSS
:root {
--rose-daphne: #ff9ede;
--rose-daphne-rgb: 255 158 222;
--rose-daphne-oklch: oklch(0.817 0.139 340.8);
}
.element {
color: var(--rose-daphne);
background-color: hsl(320 100% 81%);
border-color: oklch(0.817 0.139 340.8);
}Tailwind CSS v4
@theme {
--color-rose-daphne: #ff9ede;
--color-rose-daphne-50: #ffe6ff;
--color-rose-daphne-100: #ffd6f4;
--color-rose-daphne-200: #ffbde4;
--color-rose-daphne-300: #e99bca;
--color-rose-daphne-400: #d57cb7;
--color-rose-daphne-500: #c15ca2;
--color-rose-daphne-600: #a34f88;
--color-rose-daphne-700: #833f6d;
--color-rose-daphne-800: #602d52;
--color-rose-daphne-900: #441e39;
--color-rose-daphne-950: #2b0e24;
}SCSS
$rose-daphne: #ff9ede;
$rose-daphne-rgb: 255, 158, 222;
$rose-daphne-light: mix(#fff, $rose-daphne, 20%);
$rose-daphne-dark: mix(#000, $rose-daphne, 20%);
.element {
color: $rose-daphne;
box-shadow: 0 0 0 2px rgba($rose-daphne, 0.35);
}