Colore con nome più vicino · #D1626A
#D1626A
Colore con nome più vicino: Berrylicious
#D1626A (rgb(209 98 106), hsl(356 55% 60%), oklch(0.633 0.14 17.5)) è più vicino al colore con nome Berrylicious. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D1626A
oklch(0.633 0.14 17.5)
Conversioni di colore
- HEX
- #d1626a
- RGB
- rgb(209 98 106)
- HSL
- hsl(356 55% 60%)
- HWB
- hwb(356 38% 18%)
- OKLCH
- oklch(0.633 0.14 17.5)
- OKLab
- oklab(0.633 0.134 0.042)
- CIE Lab
- lab(55.9 45.27 17.74)
- LCH
- lch(55.9 48.62 21.4)
- CMYK
- cmyk(0% 53% 49% 18%)
Tinte · Ombre · Toni
Tinte
- D77278
- DD8286
- E39295
- E8A2A3
- EDB1B2
- F2C1C1
- F6D0D0
- F9E0E0
- FCEFEF
Ombre
- B5545B
- 9B474D
- 813A3F
- 682D31
- 502124
- 391618
- 230B0D
- 100304
- 020000
Toni
- CA666C
- C26A6F
- BB6E71
- B37173
- AB7475
- A37778
- 9B797A
- 927C7C
- 897E7E
Armonie di colore
Complementare +180°
- D1626A
Berrylicious
- 009DA1
≈ Island Dream
Analogo -30° +30°
- D1626A
Berrylicious
- C6639A
≈ Nocturnal Rose
- CD6C35
≈ Hot Caramel
Triadico +120° +240°
- D1626A
Berrylicious
- 5D9D43
≈ Calm Balm
- 508ADE
≈ Blue Jay
Complementare divisa +150° +210°
- D1626A
Berrylicious
- 00A27A
≈ Sport Green
- 0098C4
≈ Atomic Blue
Tetradico +90° +180° +270°
- D1626A
Berrylicious
- 938F00
≈ Old Asparagus
- 009DA1
≈ Island Dream
- 867ADA
≈ Indigo Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.70:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.66:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.66:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--berrylicious: #d1626a;
--berrylicious-rgb: 209 98 106;
--berrylicious-oklch: oklch(0.633 0.14 17.5);
}
.element {
color: var(--berrylicious);
background-color: hsl(356 55% 60%);
border-color: oklch(0.633 0.14 17.5);
}Tailwind CSS v4
@theme {
--color-berrylicious: #d1626a;
--color-berrylicious-50: #ffe6e5;
--color-berrylicious-100: #ffd6d5;
--color-berrylicious-200: #ffbcbc;
--color-berrylicious-300: #f79a9a;
--color-berrylicious-400: #e5797f;
--color-berrylicious-500: #d35863;
--color-berrylicious-600: #b24c54;
--color-berrylicious-700: #8f3c43;
--color-berrylicious-800: #6a2b32;
--color-berrylicious-900: #4b1d22;
--color-berrylicious-950: #310c11;
}SCSS
$berrylicious: #d1626a;
$berrylicious-rgb: 209, 98, 106;
$berrylicious-light: mix(#fff, $berrylicious, 20%);
$berrylicious-dark: mix(#000, $berrylicious, 20%);
.element {
color: $berrylicious;
box-shadow: 0 0 0 2px rgba($berrylicious, 0.35);
}