Cor nomeada · #DDBBDD
Romantic Morning
Romantic Morning é #DDBBDD: rgb(221 187 221), hsl(300 33% 80%), oklch(0.832 0.06 326.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Romantic Morning color name →
#DDBBDD
oklch(0.832 0.06 326.1)
Conversões de cor
- HEX
- #ddbbdd
- RGB
- rgb(221 187 221)
- HSL
- hsl(300 33% 80%)
- HWB
- hwb(300 73% 13%)
- OKLCH
- oklch(0.832 0.06 326.1)
- OKLab
- oklab(0.832 0.05 -0.033)
- CIE Lab
- lab(79.67 16.89 -12.34)
- LCH
- lch(79.67 20.91 323.9)
- CMYK
- cmyk(0% 15% 0% 13%)
Tons claros · Sombras · Tons
Tons claros
- E0C2E0
- E4C8E4
- E7CFE7
- EBD6EB
- EEDDEE
- F2E4F1
- F5EAF5
- F8F1F8
- FCF8FC
Sombras
- C0A2C0
- A48AA4
- 887388
- 6E5C6E
- 554655
- 3D323D
- 261F26
- 110D11
- 020202
Tons
- D3B5D3
- CAAFCA
- C0A9C0
- B7A3B7
- AE9DAD
- A497A4
- 9B919B
- 928C92
- 898689
Harmonias de cor
Complementar +180°
- DDBBDD
Romantic Morning
- B0D3B1
≈ Enchanted Meadow
Análoga -30° +30°
- DDBBDD
Romantic Morning
- CBC1EB
≈ Violet Gems
- E9B8C9
≈ Chantilly
Tríade +120° +240°
- DDBBDD
Romantic Morning
- D9C69C
≈ Straw Basket
- 9AD4DB
≈ Dulcet
Complementar dividida +150° +210°
- DDBBDD
Romantic Morning
- C5CDA1
≈ Dappled Daydream
- 9FD5C6
≈ Aqua Glow
Tétrade +90° +180° +270°
- DDBBDD
Romantic Morning
- E7BFA3
≈ Biscuit Beige
- B0D3B1
≈ Enchanted Meadow
- A3CFEA
≈ Mediterranean Charm
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.22:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.22:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--romantic-morning: #ddbbdd;
--romantic-morning-rgb: 221 187 221;
--romantic-morning-oklch: oklch(0.832 0.06 326.1);
}
.element {
color: var(--romantic-morning);
background-color: hsl(300 33% 80%);
border-color: oklch(0.832 0.06 326.1);
}Tailwind CSS v4
@theme {
--color-romantic-morning: #ddbbdd;
--color-romantic-morning-50: #ffeffe;
--color-romantic-morning-100: #f3e1f2;
--color-romantic-morning-200: #e3cce1;
--color-romantic-morning-300: #c9adc7;
--color-romantic-morning-400: #b293b2;
--color-romantic-morning-500: #9b799c;
--color-romantic-morning-600: #836683;
--color-romantic-morning-700: #695269;
--color-romantic-morning-800: #4d3b4e;
--color-romantic-morning-900: #352936;
--color-romantic-morning-950: #211721;
}SCSS
$romantic-morning: #ddbbdd;
$romantic-morning-rgb: 221, 187, 221;
$romantic-morning-light: mix(#fff, $romantic-morning, 20%);
$romantic-morning-dark: mix(#000, $romantic-morning, 20%);
.element {
color: $romantic-morning;
box-shadow: 0 0 0 2px rgba($romantic-morning, 0.35);
}