Colore con nome · #C76A77
Lovebirds
Lovebirds è #C76A77: rgb(199 106 119), hsl(352 45% 60%), oklch(0.634 0.118 12.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Lovebirds color name →
#C76A77
oklch(0.634 0.118 12.2)
Conversioni di colore
- HEX
- #c76a77
- RGB
- rgb(199 106 119)
- HSL
- hsl(352 45% 60%)
- HWB
- hwb(352 42% 22%)
- OKLCH
- oklch(0.634 0.118 12.2)
- OKLab
- oklab(0.634 0.116 0.025)
- CIE Lab
- lab(56.25 38.67 10.34)
- LCH
- lch(56.25 40.03 15)
- CMYK
- cmyk(0% 47% 40% 22%)
Tinte · Ombre · Toni
Tinte
- CE7984
- D58891
- DB979E
- E1A5AB
- E7B4B9
- ECC3C7
- F1D2D4
- F6E1E2
- FBF0F1
Ombre
- AD5B67
- 934D57
- 7A3F47
- 623138
- 4C242A
- 36181C
- 210D10
- 0E0405
- 020001
Toni
- C16D78
- BA7079
- B3727A
- AD757B
- A6777C
- 9F797D
- 977B7D
- 907D7E
- 887E7F
Armonie di colore
Complementare +180°
- C76A77
Lovebirds
- 009F9C
≈ Talismanic Teal
Analogo -30° +30°
- C76A77
Lovebirds
- BB6C9E
≈ Pearly Purple
- C6704E
≈ Red Damask
Triadico +120° +240°
- C76A77
Lovebirds
- 6F994A
≈ Lattice Green
- 528ED0
≈ Blue Dart
Complementare divisa +150° +210°
- C76A77
Lovebirds
- 35A074
≈ Linoleum Green
- 0099BD
≈ Serene Blue
Tetradico +90° +180° +270°
- C76A77
Lovebirds
- 998D27
≈ Offbeat Green
- 009F9C
≈ Talismanic Teal
- 8080D0
≈ Tanzine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.64:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.75:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--lovebirds: #c76a77;
--lovebirds-rgb: 199 106 119;
--lovebirds-oklch: oklch(0.634 0.118 12.2);
}
.element {
color: var(--lovebirds);
background-color: hsl(352 45% 60%);
border-color: oklch(0.634 0.118 12.2);
}Tailwind CSS v4
@theme {
--color-lovebirds: #c76a77;
--color-lovebirds-50: #ffe8eb;
--color-lovebirds-100: #ffd9dc;
--color-lovebirds-200: #ffc0c5;
--color-lovebirds-300: #ed9ea5;
--color-lovebirds-400: #db808c;
--color-lovebirds-500: #c76171;
--color-lovebirds-600: #a85360;
--color-lovebirds-700: #87424c;
--color-lovebirds-800: #642f39;
--color-lovebirds-900: #472027;
--color-lovebirds-950: #2e0f15;
}SCSS
$lovebirds: #c76a77;
$lovebirds-rgb: 199, 106, 119;
$lovebirds-light: mix(#fff, $lovebirds, 20%);
$lovebirds-dark: mix(#000, $lovebirds, 20%);
.element {
color: $lovebirds;
box-shadow: 0 0 0 2px rgba($lovebirds, 0.35);
}