Adlandırılmış renk · #EBB9B3
Beauty Bush
Beauty Bush, #EBB9B3: rgb(235 185 179), hsl(6 58% 81%), oklch(0.829 0.059 26.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Beauty Bush color name →
#EBB9B3
oklch(0.829 0.059 26.3)
Renk dönüşümleri
- HEX
- #ebb9b3
- RGB
- rgb(235 185 179)
- HSL
- hsl(6 58% 81%)
- HWB
- hwb(6 70% 8%)
- OKLCH
- oklch(0.829 0.059 26.3)
- OKLab
- oklab(0.829 0.053 0.026)
- CIE Lab
- lab(79.61 17.95 10.32)
- LCH
- lch(79.61 20.7 29.9)
- CMYK
- cmyk(0% 21% 24% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDC0BA
- F0C7C2
- F2CEC9
- F4D5D1
- F6DCD9
- F8E3E0
- FAEAE8
- FCF1EF
- FDF8F7
Koyu tonlar
- CCA09B
- AE8984
- 91716E
- 755B58
- 5B4643
- 41312F
- 291E1D
- 130D0C
- 030201
Gri tonlar
- E0B3AE
- D5ADA9
- CAA8A3
- BFA29E
- B59C99
- AA9794
- 9F918F
- 958B8A
- 8A8685
Renk uyumları
Tamamlayıcı +180°
- EBB9B3
Beauty Bush
- 9AD2DA
≈ Maya Green
Analog -30° +30°
- EBB9B3
Beauty Bush
- E8B8C8
≈ Chantilly
- E6BEA3
≈ Biscuit Beige
Üçlü +120° +240°
- EBB9B3
Beauty Bush
- AFD2B1
≈ Coral Springs
- B5C7EE
≈ Tropical Blue
Bölünmüş tamamlayıcı +150° +210°
- EBB9B3
Beauty Bush
- 9FD4C6
≈ Aqua Glow
- A3CEE9
≈ Cielo
Dörtlü +90° +180° +270°
- EBB9B3
Beauty Bush
- C4CCA1
≈ Dappled Daydream
- 9AD2DA
≈ Maya Green
- CAC0E9
≈ Violet Gems
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.12:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.12:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--beauty-bush: #ebb9b3;
--beauty-bush-rgb: 235 185 179;
--beauty-bush-oklch: oklch(0.829 0.059 26.3);
}
.element {
color: var(--beauty-bush);
background-color: hsl(6 58% 81%);
border-color: oklch(0.829 0.059 26.3);
}Tailwind CSS v4
@theme {
--color-beauty-bush: #ebb9b3;
--color-beauty-bush-50: #ffefec;
--color-beauty-bush-100: #fbe1dd;
--color-beauty-bush-200: #edcbc6;
--color-beauty-bush-300: #d4ada7;
--color-beauty-bush-400: #bf928c;
--color-beauty-bush-500: #aa7772;
--color-beauty-bush-600: #906560;
--color-beauty-bush-700: #73514d;
--color-beauty-bush-800: #553a38;
--color-beauty-bush-900: #3b2827;
--color-beauty-bush-950: #251615;
}SCSS
$beauty-bush: #ebb9b3;
$beauty-bush-rgb: 235, 185, 179;
$beauty-bush-light: mix(#fff, $beauty-bush, 20%);
$beauty-bush-dark: mix(#000, $beauty-bush, 20%);
.element {
color: $beauty-bush;
box-shadow: 0 0 0 2px rgba($beauty-bush, 0.35);
}