Couleur nommée · #DBA3CE
Chateau Rose
Chateau Rose correspond à #DBA3CE : rgb(219 163 206), hsl(314 44% 75%), oklch(0.781 0.087 334.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Pink mean? → · Chateau Rose color name →
#DBA3CE
oklch(0.781 0.087 334.9)
Conversions de couleur
- HEX
- #dba3ce
- RGB
- rgb(219 163 206)
- HSL
- hsl(314 44% 75%)
- HWB
- hwb(314 64% 14%)
- OKLCH
- oklch(0.781 0.087 334.9)
- OKLab
- oklab(0.781 0.079 -0.037)
- CIE Lab
- lab(73.39 26.39 -13.55)
- LCH
- lch(73.39 29.67 332.8)
- CMYK
- cmyk(0% 26% 6% 14%)
Teintes · Ombres · Tons
Teintes
- DFACD3
- E3B5D8
- E7BEDD
- EAC8E2
- EED1E7
- F2DAEB
- F5E3F0
- F8ECF5
- FCF6FA
Ombres
- BE8DB3
- A27898
- 87637F
- 6D4F66
- 543C4E
- 3C2A38
- 261923
- 110A0F
- 020102
Tons
- D2A0C6
- C99CBE
- BF99B6
- B695AE
- AD92A6
- A48E9F
- 9B8B97
- 92878F
- 898488
Harmonies de couleurs
Complémentaire +180°
- DBA3CE
Chateau Rose
- 8AC99F
≈ Frost Gum
Analogue -30° +30°
- DBA3CE
Chateau Rose
- C4AAE5
≈ Perfume
- E8A1B0
≈ Sprinkled With Pink
Triadique +120° +240°
- DBA3CE
Chateau Rose
- C9B876
≈ Olive Marinade
- 72C6DA
≈ Thredbo
Complémentaire divisée +150° +210°
- DBA3CE
Chateau Rose
- ABC284
≈ Gnome Green
- 72CABF
≈ Turkish Teal
Tétradique +90° +180° +270°
- DBA3CE
Chateau Rose
- DFAD7C
≈ Buffalo Trail
- 8AC99F
≈ Frost Gum
- 88BEEC
≈ Watery Sea
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.07:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.14:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
CSS
:root {
--chateau-rose: #dba3ce;
--chateau-rose-rgb: 219 163 206;
--chateau-rose-oklch: oklch(0.781 0.087 334.9);
}
.element {
color: var(--chateau-rose);
background-color: hsl(314 44% 75%);
border-color: oklch(0.781 0.087 334.9);
}Tailwind CSS v4
@theme {
--color-chateau-rose: #dba3ce;
--color-chateau-rose-50: #ffecfe;
--color-chateau-rose-100: #fcddf3;
--color-chateau-rose-200: #edc7e2;
--color-chateau-rose-300: #d5a7c8;
--color-chateau-rose-400: #bf8bb3;
--color-chateau-rose-500: #aa709d;
--color-chateau-rose-600: #8f5f85;
--color-chateau-rose-700: #734c6a;
--color-chateau-rose-800: #54374f;
--color-chateau-rose-900: #3b2537;
--color-chateau-rose-950: #251422;
}SCSS
$chateau-rose: #dba3ce;
$chateau-rose-rgb: 219, 163, 206;
$chateau-rose-light: mix(#fff, $chateau-rose, 20%);
$chateau-rose-dark: mix(#000, $chateau-rose, 20%);
.element {
color: $chateau-rose;
box-shadow: 0 0 0 2px rgba($chateau-rose, 0.35);
}