Adlandırılmış renk · #EB4C42
Carmine Pink
Carmine Pink, #EB4C42: rgb(235 76 66), hsl(4 81% 59%), oklch(0.638 0.197 27.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Carmine Pink color name →
#EB4C42
oklch(0.638 0.197 27.7)
Renk dönüşümleri
- HEX
- #eb4c42
- RGB
- rgb(235 76 66)
- HSL
- hsl(4 81% 59%)
- HWB
- hwb(4 26% 8%)
- OKLCH
- oklch(0.638 0.197 27.7)
- OKLab
- oklab(0.638 0.175 0.092)
- CIE Lab
- lab(56.08 61.54 41.98)
- LCH
- lch(56.08 74.5 34.3)
- CMYK
- cmyk(0% 68% 72% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F06256
- F47669
- F8887B
- FB9A8E
- FDABA1
- FFBCB3
- FFCDC6
- FFDED9
- FFEEEC
Koyu tonlar
- CC4138
- AE362F
- 912C25
- 75221C
- 5B1814
- 410F0B
- 290605
- 130201
- 030000
Gri tonlar
- E2554A
- D85D51
- CE6358
- C4695E
- BA6E64
- AF726A
- A47670
- 997A75
- 8D7D7B
Renk uyumları
Tamamlayıcı +180°
- EB4C42
Carmine Pink
- 009DAE
≈ Lake Blue
Analog -30° +30°
- EB4C42
Carmine Pink
- E2498C
≈ Christmas Pink
- CE6F00
≈ Autumn Maple
Üçlü +120° +240°
- EB4C42
Carmine Pink
- 00A841
≈ Poetic Green
- 5980FF
≈ Flickery C64
Bölünmüş tamamlayıcı +150° +210°
- EB4C42
Carmine Pink
- 00A28B
≈ Turquish
- 0096D6
≈ Bayern Blue
Dörtlü +90° +180° +270°
- EB4C42
Carmine Pink
- 859600
≈ Snakes in the Grass
- 009DAE
≈ Lake Blue
- 9C69F1
≈ Purple Hedonist
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.72:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.64:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.64:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--carmine-pink: #eb4c42;
--carmine-pink-rgb: 235 76 66;
--carmine-pink-oklch: oklch(0.638 0.197 27.7);
}
.element {
color: var(--carmine-pink);
background-color: hsl(4 81% 59%);
border-color: oklch(0.638 0.197 27.7);
}Tailwind CSS v4
@theme {
--color-carmine-pink: #eb4c42;
--color-carmine-pink-50: #ffe1d4;
--color-carmine-pink-100: #ffd0c1;
--color-carmine-pink-200: #ffb3a2;
--color-carmine-pink-300: #ff8d7a;
--color-carmine-pink-400: #fd6659;
--color-carmine-pink-500: #ec3832;
--color-carmine-pink-600: #c8322c;
--color-carmine-pink-700: #a12823;
--color-carmine-pink-800: #781b1b;
--color-carmine-pink-900: #551211;
--color-carmine-pink-950: #390304;
}SCSS
$carmine-pink: #eb4c42;
$carmine-pink-rgb: 235, 76, 66;
$carmine-pink-light: mix(#fff, $carmine-pink, 20%);
$carmine-pink-dark: mix(#000, $carmine-pink, 20%);
.element {
color: $carmine-pink;
box-shadow: 0 0 0 2px rgba($carmine-pink, 0.35);
}