Adlandırılmış renk · #E40058
Framboise
Framboise, #E40058: rgb(228 0 88), hsl(337 100% 45%), oklch(0.586 0.234 11.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Framboise color name →
#E40058
oklch(0.586 0.234 11.3)
Renk dönüşümleri
- HEX
- #e40058
- RGB
- rgb(228 0 88)
- HSL
- hsl(337 100% 45%)
- HWB
- hwb(337 0% 11%)
- OKLCH
- oklch(0.586 0.234 11.3)
- OKLab
- oklab(0.586 0.23 0.046)
- CIE Lab
- lab(49.32 75.89 20.55)
- LCH
- lch(49.32 78.62 15.2)
- CMYK
- cmyk(0% 100% 61% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EA3B68
- F05877
- F57088
- F98698
- FD9BA8
- FFB0B9
- FFC4CA
- FFD8DC
- FFEBED
Koyu tonlar
- C6004B
- A9003F
- 8D0033
- 720028
- 58001D
- 3F0012
- 280009
- 120003
- 030000
Gri tonlar
- DC2A5C
- D43C60
- CB4A64
- C25568
- B95E6C
- AF6670
- A46E74
- 997478
- 8D7A7C
Renk uyumları
Tamamlayıcı +180°
- E40058
Framboise
- 008F8B
≈ Corfu Shallows
Analog -30° +30°
- E40058
Framboise
- CF22A4
≈ Perfectly Purple Place
- CF4B00
≈ Ōkaihau Express
Üçlü +120° +240°
- E40058
Framboise
- 588E00
≈ Vida Loca
- 007EDD
≈ Soothing Sapphire
Bölünmüş tamamlayıcı +150° +210°
- E40058
Framboise
- 009363
≈ Emerald Lake
- 008AA9
≈ Capri Breeze
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.73:1 · APCA Lc 70
Ag
FailSiyah üzerinde
WCAG 4.43:1 · APCA Lc 32
En iyi metin rengi: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--framboise: #e40058;
--framboise-rgb: 228 0 88;
--framboise-oklch: oklch(0.586 0.234 11.3);
}
.element {
color: var(--framboise);
background-color: hsl(337 100% 45%);
border-color: oklch(0.586 0.234 11.3);
}Tailwind CSS v4
@theme {
--color-framboise: #e40058;
--color-framboise-50: #ffdae2;
--color-framboise-100: #ffc7d1;
--color-framboise-200: #ffa8b7;
--color-framboise-300: #ff7d94;
--color-framboise-400: #ff4e7b;
--color-framboise-500: #f9005e;
--color-framboise-600: #d20050;
--color-framboise-700: #a9013f;
--color-framboise-800: #7e0031;
--color-framboise-900: #5a0221;
--color-framboise-950: #3c0010;
}SCSS
$framboise: #e40058;
$framboise-rgb: 228, 0, 88;
$framboise-light: mix(#fff, $framboise, 20%);
$framboise-dark: mix(#000, $framboise, 20%);
.element {
color: $framboise;
box-shadow: 0 0 0 2px rgba($framboise, 0.35);
}