Colore con nome · #DBB9B6
Rose Hip Tonic
Rose Hip Tonic è #DBB9B6: rgb(219 185 182), hsl(5 34% 79%), oklch(0.814 0.039 23.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Rose Hip Tonic color name →
#DBB9B6
oklch(0.814 0.039 23.9)
Conversioni di colore
- HEX
- #dbb9b6
- RGB
- rgb(219 185 182)
- HSL
- hsl(5 34% 79%)
- HWB
- hwb(5 71% 14%)
- OKLCH
- oklch(0.814 0.039 23.9)
- OKLab
- oklab(0.814 0.036 0.016)
- CIE Lab
- lab(78.1 12.23 6.31)
- LCH
- lch(78.1 13.76 27.3)
- CMYK
- cmyk(0% 16% 17% 14%)
Tinte · Ombre · Toni
Tinte
- DFC0BD
- E2C7C4
- E6CECB
- EAD5D3
- EDDCDA
- F1E3E1
- F5EAE9
- F8F1F0
- FCF8F8
Ombre
- BEA09E
- A28986
- 87716F
- 6D5B59
- 544644
- 3C3130
- 261E1D
- 110D0C
- 020202
Toni
- D2B3B0
- C8ADAB
- BFA8A5
- B6A2A0
- AD9C9B
- A49695
- 9B9190
- 928B8B
- 898685
Armonie di colore
Complementare +180°
- DBB9B6
Rose Hip Tonic
- A5CACE
≈ Sky Chase
Analogo -30° +30°
- DBB9B6
Rose Hip Tonic
- D8B8C4
≈ Lavender Blessing
- D8BCAB
≈ Linen Cloth
Triadico +120° +240°
- DBB9B6
Rose Hip Tonic
- B4C9B3
≈ Aqua Dream
- B5C3DD
≈ Eternal Elegance
Complementare divisa +150° +210°
- DBB9B6
Rose Hip Tonic
- A9CBC0
≈ Baby Aqua
- AAC7D8
≈ Sonata
Tetradico +90° +180° +270°
- DBB9B6
Rose Hip Tonic
- C1C6A9
≈ Minted Lemon
- A5CACE
≈ Sky Chase
- C3BEDA
≈ Purple Dragon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.80:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.62:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.62:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-hip-tonic: #dbb9b6;
--rose-hip-tonic-rgb: 219 185 182;
--rose-hip-tonic-oklch: oklch(0.814 0.039 23.9);
}
.element {
color: var(--rose-hip-tonic);
background-color: hsl(5 34% 79%);
border-color: oklch(0.814 0.039 23.9);
}Tailwind CSS v4
@theme {
--color-rose-hip-tonic: #dbb9b6;
--color-rose-hip-tonic-50: #fff1ef;
--color-rose-hip-tonic-100: #f5e3e1;
--color-rose-hip-tonic-200: #e5cecb;
--color-rose-hip-tonic-300: #cbb0ad;
--color-rose-hip-tonic-400: #b59693;
--color-rose-hip-tonic-500: #9f7c79;
--color-rose-hip-tonic-600: #866967;
--color-rose-hip-tonic-700: #6c5452;
--color-rose-hip-tonic-800: #4f3d3c;
--color-rose-hip-tonic-900: #372a29;
--color-rose-hip-tonic-950: #221817;
}SCSS
$rose-hip-tonic: #dbb9b6;
$rose-hip-tonic-rgb: 219, 185, 182;
$rose-hip-tonic-light: mix(#fff, $rose-hip-tonic, 20%);
$rose-hip-tonic-dark: mix(#000, $rose-hip-tonic, 20%);
.element {
color: $rose-hip-tonic;
box-shadow: 0 0 0 2px rgba($rose-hip-tonic, 0.35);
}