Colore con nome · #D16A68
Lippie
Lippie è #D16A68: rgb(209 106 104), hsl(1 53% 61%), oklch(0.644 0.131 22.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lippie color name →
#D16A68
oklch(0.644 0.131 22.5)
Conversioni di colore
- HEX
- #d16a68
- RGB
- rgb(209 106 104)
- HSL
- hsl(1 53% 61%)
- HWB
- hwb(1 41% 18%)
- OKLCH
- oklch(0.644 0.131 22.5)
- OKLab
- oklab(0.644 0.121 0.05)
- CIE Lab
- lab(57.42 41.32 20.91)
- LCH
- lch(57.42 46.31 26.8)
- CMYK
- cmyk(0% 49% 50% 18%)
Tinte · Ombre · Toni
Tinte
- D77976
- DD8885
- E39794
- E8A6A2
- ECB5B1
- F1C4C1
- F5D2D0
- F9E1DF
- FCF0EF
Ombre
- B55B59
- 9B4D4B
- 813F3E
- 683130
- 502424
- 391818
- 230D0C
- 100404
- 020000
Toni
- CA6D6B
- C2706D
- BB7370
- B37572
- AB7775
- A37977
- 9B7B79
- 927D7C
- 897F7E
Armonie di colore
Complementare +180°
- D16A68
Lippie
- 00A1AA
≈ Ducati
Analogo -30° +30°
- D16A68
Lippie
- C96995
≈ Nocturnal Rose
- CA7439
≈ Mann Orange
Triadico +120° +240°
- D16A68
Lippie
- 5AA155
≈ Muted Green
- 628CDD
≈ United Nations Blue
Complementare divisa +150° +210°
- D16A68
Lippie
- 00A585
≈ Congo Green
- 0A9ACF
≈ Structural Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.51:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.97:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--lippie: #d16a68;
--lippie-rgb: 209 106 104;
--lippie-oklch: oklch(0.644 0.131 22.5);
}
.element {
color: var(--lippie);
background-color: hsl(1 53% 61%);
border-color: oklch(0.644 0.131 22.5);
}Tailwind CSS v4
@theme {
--color-lippie: #d16a68;
--color-lippie-50: #ffe7e3;
--color-lippie-100: #ffd8d2;
--color-lippie-200: #ffbfb9;
--color-lippie-300: #f39d96;
--color-lippie-400: #e17d7a;
--color-lippie-500: #ce5e5d;
--color-lippie-600: #ae504f;
--color-lippie-700: #8c403f;
--color-lippie-800: #682d2f;
--color-lippie-900: #491f20;
--color-lippie-950: #300e0f;
}SCSS
$lippie: #d16a68;
$lippie-rgb: 209, 106, 104;
$lippie-light: mix(#fff, $lippie, 20%);
$lippie-dark: mix(#000, $lippie, 20%);
.element {
color: $lippie;
box-shadow: 0 0 0 2px rgba($lippie, 0.35);
}