Color con nombre · #DDA0DF
Herb Robert
Herb Robert es #DDA0DF: rgb(221 160 223), hsl(298 50% 75%), oklch(0.784 0.11 325.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Herb Robert color name →
#DDA0DF
oklch(0.784 0.11 325.5)
Conversiones de color
- HEX
- #dda0df
- RGB
- rgb(221 160 223)
- HSL
- hsl(298 50% 75%)
- HWB
- hwb(298 63% 13%)
- OKLCH
- oklch(0.784 0.11 325.5)
- OKLab
- oklab(0.784 0.09 -0.062)
- CIE Lab
- lab(73.39 30.92 -22.8)
- LCH
- lch(73.39 38.42 323.6)
- CMYK
- cmyk(1% 28% 0% 13%)
Tintes · Sombras · Tonos
Tintes
- E1AAE2
- E4B3E6
- E8BDE9
- ECC6EC
- EFD0F0
- F2D9F3
- F6E2F6
- F9ECF9
- FCF5FC
Sombras
- C08BC2
- A476A5
- 88618A
- 6E4E6F
- 553B56
- 3D293D
- 261927
- 110912
- 020102
Tonos
- D49DD5
- CA9ACC
- C197C2
- B794B8
- AE91AF
- A58DA5
- 9C8A9C
- 928793
- 898389
Armonías de color
Complementario +180°
- DDA0DF
Herb Robert
- 8ACC8D
≈ De York
Análogo -30° +30°
- DDA0DF
Herb Robert
- BEAAF8
≈ Winterspring Lilac
- F19BBB
≈ Amaranth Pink
Triádico +120° +240°
- DDA0DF
Herb Robert
- D8B361
≈ Equator
- 51CDDB
≈ Watercourse
Complementario dividido +150° +210°
- DDA0DF
Herb Robert
- B6C16D
≈ Avocado Cream
- 60D0B5
≈ Sweet Garden
Tetrádico +90° +180° +270°
- DDA0DF
Herb Robert
- EFA672
≈ Apricot Jam
- 8ACC8D
≈ De York
- 6DC4F5
≈ Blue Mana
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASobre negro
WCAG 10.16:1 · APCA Lc 62
Mejor color de texto: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmentos de código
CSS
:root {
--herb-robert: #dda0df;
--herb-robert-rgb: 221 160 223;
--herb-robert-oklch: oklch(0.784 0.11 325.5);
}
.element {
color: var(--herb-robert);
background-color: hsl(298 50% 75%);
border-color: oklch(0.784 0.11 325.5);
}Tailwind CSS v4
@theme {
--color-herb-robert: #dda0df;
--color-herb-robert-50: #ffebff;
--color-herb-robert-100: #fddcfb;
--color-herb-robert-200: #eec4ed;
--color-herb-robert-300: #d6a4d4;
--color-herb-robert-400: #c087c2;
--color-herb-robert-500: #ab6bad;
--color-herb-robert-600: #905b93;
--color-herb-robert-700: #744976;
--color-herb-robert-800: #553558;
--color-herb-robert-900: #3b243e;
--color-herb-robert-950: #251227;
}SCSS
$herb-robert: #dda0df;
$herb-robert-rgb: 221, 160, 223;
$herb-robert-light: mix(#fff, $herb-robert, 20%);
$herb-robert-dark: mix(#000, $herb-robert, 20%);
.element {
color: $herb-robert;
box-shadow: 0 0 0 2px rgba($herb-robert, 0.35);
}