Couleur nommée la plus proche · #EBBCB2
#EBBCB2
Couleur nommée la plus proche: Rosewood Dreams
#EBBCB2 (rgb(235 188 178), hsl(11 59% 81%), oklch(0.834 0.056 32.1)) est la plus proche de la couleur nommée Rosewood Dreams. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#EBBCB2
oklch(0.834 0.056 32.1)
Conversions de couleur
- HEX
- #ebbcb2
- RGB
- rgb(235 188 178)
- HSL
- hsl(11 59% 81%)
- HWB
- hwb(11 70% 8%)
- OKLCH
- oklch(0.834 0.056 32.1)
- OKLab
- oklab(0.834 0.048 0.03)
- CIE Lab
- lab(80.31 16.34 11.83)
- LCH
- lch(80.31 20.17 35.9)
- CMYK
- cmyk(0% 20% 24% 8%)
Teintes · Ombres · Tons
Teintes
- EDC3BA
- F0C9C1
- F2D0C9
- F4D7D0
- F6DDD8
- F8E4E0
- FAEBE8
- FCF1EF
- FDF8F7
Ombres
- CCA39A
- AE8B83
- 91736D
- 755D57
- 5B4743
- 41322F
- 291F1D
- 130D0C
- 030201
Tons
- E0B6AD
- D5B0A8
- CAAAA3
- BFA49E
- B59E99
- AA9894
- 9F928F
- 958C8A
- 8A8685
Harmonies de couleurs
Complémentaire +180°
- EBBCB2
Rosewood Dreams
- 9FD3DE
≈ Ocean Cruise
Analogue -30° +30°
- EBBCB2
Rosewood Dreams
- E9BAC6
≈ Chantilly
- E4C1A4
≈ Fabulous Fawn
Triadique +120° +240°
- EBBCB2
Rosewood Dreams
- AED4B7
≈ Enchanted Meadow
- BCC7EE
≈ Pale Wisteria
Complémentaire divisée +150° +210°
- EBBCB2
Rosewood Dreams
- A0D5CB
≈ Refresh
- A9CEEB
≈ Sail
Tétradique +90° +180° +270°
- EBBCB2
Rosewood Dreams
- C2CFA7
≈ Landscape
- 9FD3DE
≈ Ocean Cruise
- CFC1E8
≈ York Plum
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.69:1 · APCA Lc 30
Ag
AAASur noir
WCAG 12.36:1 · APCA Lc 73
Meilleure couleur de texte: #000000
WCAG 12.36:1 (AAA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--rosewood-dreams: #ebbcb2;
--rosewood-dreams-rgb: 235 188 178;
--rosewood-dreams-oklch: oklch(0.834 0.056 32.1);
}
.element {
color: var(--rosewood-dreams);
background-color: hsl(11 59% 81%);
border-color: oklch(0.834 0.056 32.1);
}Tailwind CSS v4
@theme {
--color-rosewood-dreams: #ebbcb2;
--color-rosewood-dreams-50: #fff0eb;
--color-rosewood-dreams-100: #fae2dc;
--color-rosewood-dreams-200: #ebccc5;
--color-rosewood-dreams-300: #d2aea5;
--color-rosewood-dreams-400: #bd938a;
--color-rosewood-dreams-500: #a8796f;
--color-rosewood-dreams-600: #8e665e;
--color-rosewood-dreams-700: #72524b;
--color-rosewood-dreams-800: #543b37;
--color-rosewood-dreams-900: #3b2925;
--color-rosewood-dreams-950: #251614;
}SCSS
$rosewood-dreams: #ebbcb2;
$rosewood-dreams-rgb: 235, 188, 178;
$rosewood-dreams-light: mix(#fff, $rosewood-dreams, 20%);
$rosewood-dreams-dark: mix(#000, $rosewood-dreams, 20%);
.element {
color: $rosewood-dreams;
box-shadow: 0 0 0 2px rgba($rosewood-dreams, 0.35);
}