Color con nombre · #CD0106
Love for All
Love for All es #CD0106: rgb(205 1 6), hsl(359 99% 40%), oklch(0.533 0.218 28.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Love for All color name →
#CD0106
oklch(0.533 0.218 28.7)
Conversiones de color
- HEX
- #cd0106
- RGB
- rgb(205 1 6)
- HSL
- hsl(359 99% 40%)
- HWB
- hwb(359 0% 20%)
- OKLCH
- oklch(0.533 0.218 28.7)
- OKLab
- oklab(0.533 0.191 0.105)
- CIE Lab
- lab(43.68 68.5 57.21)
- LCH
- lch(43.68 89.25 39.9)
- CMYK
- cmyk(0% 100% 97% 20%)
Tintes · Sombras · Tonos
Tintes
- D6382D
- DE5446
- E56C5E
- EB8375
- F1988B
- F5ADA2
- F9C2B9
- FCD6D0
- FEEBE7
Sombras
- B20104
- 980103
- 7E0002
- 660001
- 4E0001
- 380000
- 230000
- 0F0000
- 020000
Tonos
- C7281F
- C1392E
- BB473B
- B45246
- AD5B50
- A6645A
- 9D6C64
- 95736E
- 8B7A77
Armonías de color
Complementario +180°
- CD0106
Love for All
- 007B89
≈ Biscay Bay
Análogo -30° +30°
- CD0106
Love for All
- C4006A
≈ Spiced Purple
- A15700
≈ Windsor Brown
Triádico +120° +240°
- CD0106
Love for All
- 008336
≈ Warpstone Glow
- 3C59E8
≈ Veteran’s Day Blue
Complementario dividido +150° +210°
- CD0106
Love for All
- 007F6D
≈ Mediaeval Forest
- 0075AA
≈ Methyl Blue
Tetrádico +90° +180° +270°
- CD0106
Love for All
- 667600
≈ Topiary Green
- 007B89
≈ Biscay Bay
- 813FD6
≈ Thick Purple
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.82:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 3.60:1 · APCA Lc 25
Mejor color de texto: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--love-for-all: #cd0106;
--love-for-all-rgb: 205 1 6;
--love-for-all-oklch: oklch(0.533 0.218 28.7);
}
.element {
color: var(--love-for-all);
background-color: hsl(359 99% 40%);
border-color: oklch(0.533 0.218 28.7);
}Tailwind CSS v4
@theme {
--color-love-for-all: #cd0106;
--color-love-for-all-50: #ffdfd0;
--color-love-for-all-100: #ffcdbc;
--color-love-for-all-200: #ffaf9b;
--color-love-for-all-300: #ff8770;
--color-love-for-all-400: #ff5d4d;
--color-love-for-all-500: #f5221c;
--color-love-for-all-600: #cf221b;
--color-love-for-all-700: #a71c16;
--color-love-for-all-800: #7d1112;
--color-love-for-all-900: #580b0b;
--color-love-for-all-950: #3b0001;
}SCSS
$love-for-all: #cd0106;
$love-for-all-rgb: 205, 1, 6;
$love-for-all-light: mix(#fff, $love-for-all, 20%);
$love-for-all-dark: mix(#000, $love-for-all, 20%);
.element {
color: $love-for-all;
box-shadow: 0 0 0 2px rgba($love-for-all, 0.35);
}