En yakın adlandırılmış renk · #EBBCB2
#EBBCB2
En yakın adlandırılmış renk: Rosewood Dreams
#EBBCB2 (rgb(235 188 178), hsl(11 59% 81%), oklch(0.834 0.056 32.1)) en çok Rosewood Dreams adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EBBCB2
oklch(0.834 0.056 32.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDC3BA
- F0C9C1
- F2D0C9
- F4D7D0
- F6DDD8
- F8E4E0
- FAEBE8
- FCF1EF
- FDF8F7
Koyu tonlar
- CCA39A
- AE8B83
- 91736D
- 755D57
- 5B4743
- 41322F
- 291F1D
- 130D0C
- 030201
Gri tonlar
- E0B6AD
- D5B0A8
- CAAAA3
- BFA49E
- B59E99
- AA9894
- 9F928F
- 958C8A
- 8A8685
Renk uyumları
Tamamlayıcı +180°
- EBBCB2
Rosewood Dreams
- 9FD3DE
≈ Ocean Cruise
Analog -30° +30°
- EBBCB2
Rosewood Dreams
- E9BAC6
≈ Chantilly
- E4C1A4
≈ Fabulous Fawn
Üçlü +120° +240°
- EBBCB2
Rosewood Dreams
- AED4B7
≈ Enchanted Meadow
- BCC7EE
≈ Pale Wisteria
Bölünmüş tamamlayıcı +150° +210°
- EBBCB2
Rosewood Dreams
- A0D5CB
≈ Refresh
- A9CEEB
≈ Sail
Dörtlü +90° +180° +270°
- EBBCB2
Rosewood Dreams
- C2CFA7
≈ Landscape
- 9FD3DE
≈ Ocean Cruise
- CFC1E8
≈ York Plum
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.69:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.36:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.36:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
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);
}