Colore con nome più vicino · #DD8082
#DD8082
Colore con nome più vicino: Babe
#DD8082 (rgb(221 128 130), hsl(359 58% 68%), oklch(0.701 0.115 19)) è più vicino al colore con nome Babe. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DD8082
oklch(0.701 0.115 19)
Conversioni di colore
- HEX
- #dd8082
- RGB
- rgb(221 128 130)
- HSL
- hsl(359 58% 68%)
- HWB
- hwb(359 50% 13%)
- OKLCH
- oklch(0.701 0.115 19)
- OKLab
- oklab(0.701 0.109 0.038)
- CIE Lab
- lab(64.09 36.88 15.41)
- LCH
- lch(64.09 39.97 22.7)
- CMYK
- cmyk(0% 42% 41% 13%)
Tinte · Ombre · Toni
Tinte
- E28D8E
- E69A9A
- EAA6A6
- EEB3B3
- F1C0BF
- F5CCCC
- F8D9D8
- FAE6E5
- FDF2F2
Ombre
- C06E70
- A45D5F
- 884D4E
- 6E3D3E
- 552E2F
- 3D1F20
- 261212
- 110606
- 020101
Toni
- D48182
- CB8182
- C28182
- B98182
- B08281
- A78181
- 9D8181
- 948181
- 8A8180
Armonie di colore
Complementare +180°
- DD8082
Babe
- 1BB4BA
≈ Cyan Sky
Analogo -30° +30°
- DD8082
Babe
- D480AA
≈ Ice Plant
- D8885C
≈ Late Bloomer
Triadico +120° +240°
- DD8082
Babe
- 79B069
≈ Stalk
- 729FE6
≈ Greek Sea
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.48:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--babe: #dd8082;
--babe-rgb: 221 128 130;
--babe-oklch: oklch(0.701 0.115 19);
}
.element {
color: var(--babe);
background-color: hsl(359 58% 68%);
border-color: oklch(0.701 0.115 19);
}Tailwind CSS v4
@theme {
--color-babe: #dd8082;
--color-babe-50: #ffe9e7;
--color-babe-100: #ffd9d7;
--color-babe-200: #ffc1bf;
--color-babe-300: #eda09e;
--color-babe-400: #da8283;
--color-babe-500: #c76367;
--color-babe-600: #a85558;
--color-babe-700: #874446;
--color-babe-800: #643034;
--color-babe-900: #462123;
--color-babe-950: #2e1012;
}SCSS
$babe: #dd8082;
$babe-rgb: 221, 128, 130;
$babe-light: mix(#fff, $babe, 20%);
$babe-dark: mix(#000, $babe, 20%);
.element {
color: $babe;
box-shadow: 0 0 0 2px rgba($babe, 0.35);
}