Adlandırılmış renk · #EE4433
Cascara
Cascara, #EE4433: rgb(238 68 51), hsl(5 85% 57%), oklch(0.633 0.209 29.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? → · Cascara color name →
#EE4433
oklch(0.633 0.209 29.7)
Renk dönüşümleri
- HEX
- #ee4433
- RGB
- rgb(238 68 51)
- HSL
- hsl(5 85% 57%)
- HWB
- hwb(5 20% 7%)
- OKLCH
- oklch(0.633 0.209 29.7)
- OKLab
- oklab(0.633 0.182 0.104)
- CIE Lab
- lab(55.45 64.87 49.57)
- LCH
- lch(55.45 81.64 37.4)
- CMYK
- cmyk(0% 71% 79% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F35C4A
- F7715F
- FA8574
- FD9787
- FFA99B
- FFBBAF
- FFCCC3
- FFDDD7
- FFEEEB
Koyu tonlar
- CF3A2B
- B13023
- 93261C
- 771D14
- 5C140D
- 420C07
- 2A0503
- 140201
- 030000
Gri tonlar
- E44F3E
- DB5847
- D05F50
- C66658
- BC6C5F
- B17166
- A6756D
- 9A7974
- 8D7D7A
Renk uyumları
Tamamlayıcı +180°
- EE4433
Cascara
- 009CAE
≈ Lake Blue
Analog -30° +30°
- EE4433
Cascara
- E64086
≈ Christmas Pink
- CA7000
≈ Sludge
Üçlü +120° +240°
- EE4433
Cascara
- 00A64B
≈ Liberty Green
- 5D7DFF
≈ C64 NTSC
Bölünmüş tamamlayıcı +150° +210°
- EE4433
Cascara
- 00A08C
≈ Turquish
- 0093D8
≈ Kahu Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.81:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.51:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.51:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--cascara: #ee4433;
--cascara-rgb: 238 68 51;
--cascara-oklch: oklch(0.633 0.209 29.7);
}
.element {
color: var(--cascara);
background-color: hsl(5 85% 57%);
border-color: oklch(0.633 0.209 29.7);
}Tailwind CSS v4
@theme {
--color-cascara: #ee4433;
--color-cascara-50: #ffe0d0;
--color-cascara-100: #ffcebc;
--color-cascara-200: #ffb19c;
--color-cascara-300: #ff8a71;
--color-cascara-400: #ff614e;
--color-cascara-500: #f12e1e;
--color-cascara-600: #cc2a1d;
--color-cascara-700: #a42217;
--color-cascara-800: #7b1613;
--color-cascara-900: #570f0c;
--color-cascara-950: #3a0001;
}SCSS
$cascara: #ee4433;
$cascara-rgb: 238, 68, 51;
$cascara-light: mix(#fff, $cascara, 20%);
$cascara-dark: mix(#000, $cascara, 20%);
.element {
color: $cascara;
box-shadow: 0 0 0 2px rgba($cascara, 0.35);
}