Nazwany kolor · #E40046
Lotti Red
Lotti Red to #E40046: rgb(228 0 70), hsl(342 100% 45%), oklch(0.583 0.233 17). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Lotti Red color name →
#E40046
oklch(0.583 0.233 17)
Konwersje koloru
- HEX
- #e40046
- RGB
- rgb(228 0 70)
- HSL
- hsl(342 100% 45%)
- HWB
- hwb(342 0% 11%)
- OKLCH
- oklch(0.583 0.233 17)
- OKLab
- oklab(0.583 0.223 0.068)
- CIE Lab
- lab(49.05 75.29 31.29)
- LCH
- lch(49.05 81.53 22.6)
- CMYK
- cmyk(0% 100% 69% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EB3B58
- F0586A
- F5707C
- F9868E
- FD9BA0
- FFB0B3
- FFC4C5
- FFD8D8
- FFEBEC
Odcienie ciemniejsze
- C6003C
- A90032
- 8D0028
- 72001E
- 580015
- 3F000D
- 280005
- 120002
- 030000
Tony
- DC2A4C
- D43D53
- CB4A59
- C2555F
- B95E64
- AF666A
- A46E70
- 997475
- 8D7A7B
Harmonie kolorów
Komplementarna +180°
- E40046
Lotti Red
- 008D8F
≈ Egyptian Teal
Analogowa -30° +30°
- E40046
Lotti Red
- D31B95
≈ Indian Lake
- C45500
≈ Rust Orange
Triada +120° +240°
- E40046
Lotti Red
- 409100
≈ Christmas Green
- 0075F2
≈ Deep Sky Blue
Komplementarna rozszczepiona +150° +210°
- E40046
Lotti Red
- 00916C
≈ Sea Swell
- 0087AF
≈ Stomy Shower
Tetrada +90° +180° +270°
- E40046
Lotti Red
- 847F00
≈ Olive
- 008D8F
≈ Egyptian Teal
- 7A55FA
≈ Venetian Nights
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.78:1 · APCA Lc 70
Ag
FailNa czerni
WCAG 4.38:1 · APCA Lc 31
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--lotti-red: #e40046;
--lotti-red-rgb: 228 0 70;
--lotti-red-oklch: oklch(0.583 0.233 17);
}
.element {
color: var(--lotti-red);
background-color: hsl(342 100% 45%);
border-color: oklch(0.583 0.233 17);
}Tailwind CSS v4
@theme {
--color-lotti-red: #e40046;
--color-lotti-red-50: #ffdbdb;
--color-lotti-red-100: #ffc8c9;
--color-lotti-red-200: #ffa9ac;
--color-lotti-red-300: #ff7e87;
--color-lotti-red-400: #ff506b;
--color-lotti-red-500: #fb004a;
--color-lotti-red-600: #d40040;
--color-lotti-red-700: #aa0333;
--color-lotti-red-800: #7f0027;
--color-lotti-red-900: #5a031a;
--color-lotti-red-950: #3d000b;
}SCSS
$lotti-red: #e40046;
$lotti-red-rgb: 228, 0, 70;
$lotti-red-light: mix(#fff, $lotti-red, 20%);
$lotti-red-dark: mix(#000, $lotti-red, 20%);
.element {
color: $lotti-red;
box-shadow: 0 0 0 2px rgba($lotti-red, 0.35);
}