Colore con nome · #D0748B
Charm
Charm è #D0748B: rgb(208 116 139), hsl(345 49% 64%), oklch(0.667 0.118 4.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Charm color name →
#D0748B
oklch(0.667 0.118 4.7)
Conversioni di colore
- HEX
- #d0748b
- RGB
- rgb(208 116 139)
- HSL
- hsl(345 49% 64%)
- HWB
- hwb(345 45% 18%)
- OKLCH
- oklch(0.667 0.118 4.7)
- OKLab
- oklab(0.667 0.117 0.01)
- CIE Lab
- lab(60 38.76 4.26)
- LCH
- lch(60 39 6.3)
- CMYK
- cmyk(0% 44% 33% 18%)
Tinte · Ombre · Toni
Tinte
- D68296
- DC90A1
- E19EAC
- E6ABB8
- EBB9C3
- F0C7CF
- F4D5DB
- F8E3E7
- FCF1F3
Ombre
- B56478
- 9A5466
- 804554
- 673743
- 4F2932
- 391B23
- 230F14
- 100507
- 020101
Toni
- C9768A
- C17889
- B97988
- B27A87
- AA7C85
- A27D84
- 9A7E83
- 917F82
- 897F81
Armonie di colore
Complementare +180°
- D0748B
Charm
- 02AB9D
≈ Tropical Hideaway
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
- D0748B
Charm
- 51AA74
≈ Sēn Lín Lǜ Forest
- 02A6C1
≈ Maui
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.20:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.55:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--charm: #d0748b;
--charm-rgb: 208 116 139;
--charm-oklch: oklch(0.667 0.118 4.7);
}
.element {
color: var(--charm);
background-color: hsl(345 49% 64%);
border-color: oklch(0.667 0.118 4.7);
}Tailwind CSS v4
@theme {
--color-charm: #d0748b;
--color-charm-50: #ffe8ef;
--color-charm-100: #ffd8e1;
--color-charm-200: #ffc0cc;
--color-charm-300: #ec9ead;
--color-charm-400: #d88095;
--color-charm-500: #c5627c;
--color-charm-600: #a65369;
--color-charm-700: #864254;
--color-charm-800: #632f3f;
--color-charm-900: #46202b;
--color-charm-950: #2d0f18;
}SCSS
$charm: #d0748b;
$charm-rgb: 208, 116, 139;
$charm-light: mix(#fff, $charm, 20%);
$charm-dark: mix(#000, $charm, 20%);
.element {
color: $charm;
box-shadow: 0 0 0 2px rgba($charm, 0.35);
}