En yakın adlandırılmış renk · #EB7971
#EB7971
En yakın adlandırılmış renk: You’re Blushing
#EB7971 (rgb(235 121 113), hsl(4 75% 68%), oklch(0.704 0.142 25.5)) en çok You’re Blushing 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.
#EB7971
oklch(0.704 0.142 25.5)
Renk dönüşümleri
- HEX
- #eb7971
- RGB
- rgb(235 121 113)
- HSL
- hsl(4 75% 68%)
- HWB
- hwb(4 44% 8%)
- OKLCH
- oklch(0.704 0.142 25.5)
- OKLab
- oklab(0.704 0.128 0.061)
- CIE Lab
- lab(64.32 44.36 25.67)
- LCH
- lch(64.32 51.25 30.1)
- CMYK
- cmyk(0% 49% 52% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EF877F
- F2958D
- F5A29B
- F8B0A9
- FABDB7
- FCCAC5
- FDD8D3
- FEE5E2
- FFF2F0
Koyu tonlar
- CC6861
- AE5852
- 914843
- 753935
- 5B2B27
- 411D1A
- 29100E
- 130504
- 030101
Gri tonlar
- E17B73
- D77C75
- CC7D76
- C27E78
- B77F7A
- AD807B
- A2807C
- 97807E
- 8C807F
Renk uyumları
Tamamlayıcı +180°
- EB7971
You’re Blushing
- 00B4C4
≈ Lago Blue
Analog -30° +30°
- EB7971
You’re Blushing
- E377A3
≈ Pinking. Fast and Slow
- E2853D
≈ West Side
Üçlü +120° +240°
- EB7971
You’re Blushing
- 60B766
≈ Forest Fern
- 759CF8
≈ Guilliman Blue
Bölünmüş tamamlayıcı +150° +210°
- EB7971
You’re Blushing
- 00BA9C
≈ Aare River
- 23ACEB
≈ Vivid Cerulean
Dörtlü +90° +180° +270°
- EB7971
You’re Blushing
- 9DAA30
≈ Macaw Green
- 00B4C4
≈ Lago Blue
- A78CEE
≈ Dreamy Candy Forest
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--you-re-blushing: #eb7971;
--you-re-blushing-rgb: 235 121 113;
--you-re-blushing-oklch: oklch(0.704 0.142 25.5);
}
.element {
color: var(--you-re-blushing);
background-color: hsl(4 75% 68%);
border-color: oklch(0.704 0.142 25.5);
}Tailwind CSS v4
@theme {
--color-you-re-blushing: #eb7971;
--color-you-re-blushing-50: #ffe7df;
--color-you-re-blushing-100: #ffd7ce;
--color-you-re-blushing-200: #ffbdb3;
--color-you-re-blushing-300: #f89b8f;
--color-you-re-blushing-400: #e67a72;
--color-you-re-blushing-500: #d45953;
--color-you-re-blushing-600: #b34c47;
--color-you-re-blushing-700: #903d38;
--color-you-re-blushing-800: #6b2b2a;
--color-you-re-blushing-900: #4b1d1c;
--color-you-re-blushing-950: #310c0c;
}SCSS
$you-re-blushing: #eb7971;
$you-re-blushing-rgb: 235, 121, 113;
$you-re-blushing-light: mix(#fff, $you-re-blushing, 20%);
$you-re-blushing-dark: mix(#000, $you-re-blushing, 20%);
.element {
color: $you-re-blushing;
box-shadow: 0 0 0 2px rgba($you-re-blushing, 0.35);
}