Cor nomeada · #FF9EDE
Rose Daphne
Rose Daphne é #FF9EDE: rgb(255 158 222), hsl(320 100% 81%), oklch(0.817 0.139 340.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Rose Daphne color name →
#FF9EDE
oklch(0.817 0.139 340.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FFA8E1
- FFB2E5
- FFBCE8
- FFC6EB
- FFCFEF
- FFD9F2
- FFE3F5
- FFECF9
- FFF6FC
Sombras
- DE89C1
- BE74A5
- 9E6089
- 804D6F
- 633A55
- 48293D
- 2E1826
- 160912
- 030102
Tons
- F29BD4
- E599CB
- D996C1
- CC93B8
- BF90AE
- B38DA5
- A68A9B
- 9A8792
- 8D8389
Harmonias de cor
Complementar +180°
- FF9EDE
Rose Daphne
- 63DEA5
≈ Medium Aquamarine
Análoga -30° +30°
- FF9EDE
Rose Daphne
- DDACFF
≈ Testosterose
- FFA6B2
≈ Ballet Slippers
Tríade +120° +240°
- FF9EDE
Rose Daphne
- D7C54E
≈ Pepperoncini
- 43D6FF
≈ Libra Blue Morpho
Complementar dividida +150° +210°
- FF9EDE
Rose Daphne
- A4D572
≈ Crystal Green
- 14DFD8
≈ Fish Boy
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.87:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.19:1 · APCA Lc 67
Melhor cor de texto: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Trechos de código
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);
}