En yakın adlandırılmış renk · #EBB7BC
#EBB7BC
En yakın adlandırılmış renk: Blush Rush
#EBB7BC (rgb(235 183 188), hsl(354 57% 82%), oklch(0.828 0.061 12)) en çok Blush Rush 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.
#EBB7BC
oklch(0.828 0.061 12)
Renk dönüşümleri
- HEX
- #ebb7bc
- RGB
- rgb(235 183 188)
- HSL
- hsl(354 57% 82%)
- HWB
- hwb(354 72% 8%)
- OKLCH
- oklch(0.828 0.061 12)
- OKLab
- oklab(0.828 0.059 0.013)
- CIE Lab
- lab(79.32 19.91 5.08)
- LCH
- lch(79.32 20.55 14.3)
- CMYK
- cmyk(0% 22% 20% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDBEC3
- F0C5C9
- F2CCD0
- F4D4D6
- F6DBDD
- F8E2E4
- FAE9EB
- FCF0F1
- FDF8F8
Koyu tonlar
- CC9FA3
- AE878B
- 917073
- 755A5D
- 5B4547
- 413132
- 291E1F
- 130C0D
- 030202
Gri tonlar
- E0B1B6
- D5ACB0
- CAA6AA
- BFA1A4
- B59B9D
- AA9698
- 9F9092
- 958B8C
- 8A8586
Renk uyumları
Tamamlayıcı +180°
- EBB7BC
Blush Rush
- 99D4D1
≈ Fountain City
Analog -30° +30°
- EBB7BC
Blush Rush
- E3B8D2
≈ Eau de Rose
- EABAA8
≈ Diva Rouge
Üçlü +120° +240°
- EBB7BC
Blush Rush
- B8CFA7
≈ Pixie Green
- ABCAED
≈ Baby Bunting
Bölünmüş tamamlayıcı +150° +210°
- EBB7BC
Blush Rush
- A4D3BB
≈ Flowering Cactus
- 9BD0E3
≈ Blue Carpenter Bee
Dörtlü +90° +180° +270°
- EBB7BC
Blush Rush
- CEC99B
≈ Shagreen
- 99D4D1
≈ Fountain City
- C0C2EE
≈ Vodka
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.74:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.03:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--blush-rush: #ebb7bc;
--blush-rush-rgb: 235 183 188;
--blush-rush-oklch: oklch(0.828 0.061 12);
}
.element {
color: var(--blush-rush);
background-color: hsl(354 57% 82%);
border-color: oklch(0.828 0.061 12);
}Tailwind CSS v4
@theme {
--color-blush-rush: #ebb7bc;
--color-blush-rush-50: #ffeff0;
--color-blush-rush-100: #fce0e2;
--color-blush-rush-200: #edcacc;
--color-blush-rush-300: #d5abae;
--color-blush-rush-400: #bf9095;
--color-blush-rush-500: #aa767b;
--color-blush-rush-600: #906469;
--color-blush-rush-700: #735053;
--color-blush-rush-800: #553a3d;
--color-blush-rush-900: #3b282a;
--color-blush-rush-950: #251618;
}SCSS
$blush-rush: #ebb7bc;
$blush-rush-rgb: 235, 183, 188;
$blush-rush-light: mix(#fff, $blush-rush, 20%);
$blush-rush-dark: mix(#000, $blush-rush, 20%);
.element {
color: $blush-rush;
box-shadow: 0 0 0 2px rgba($blush-rush, 0.35);
}