Nazwany kolor · #EC4F28
Hot Shot
Hot Shot to #EC4F28: rgb(236 79 40), hsl(12 84% 54%), oklch(0.64 0.2 34.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Hot Shot color name →
#EC4F28
oklch(0.64 0.2 34.7)
Konwersje koloru
- HEX
- #ec4f28
- RGB
- rgb(236 79 40)
- HSL
- hsl(12 84% 54%)
- HWB
- hwb(12 16% 7%)
- OKLCH
- oklch(0.64 0.2 34.7)
- OKLab
- oklab(0.64 0.164 0.114)
- CIE Lab
- lab(56.48 60.13 55.6)
- LCH
- lch(56.48 81.9 42.8)
- CMYK
- cmyk(0% 67% 83% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F16543
- F5785A
- F88A6F
- FB9C84
- FEAD98
- FFBEAD
- FFCEC1
- FFDED6
- FFEFEA
Odcienie ciemniejsze
- CD4421
- AF381B
- 922E15
- 76230F
- 5B1909
- 421004
- 290702
- 130201
- 030000
Tony
- E25836
- D95F42
- CF654B
- C56A54
- BA6F5D
- AF7364
- A4776C
- 997A73
- 8D7D79
Harmonie kolorów
Komplementarna +180°
- EC4F28
Hot Shot
- 009DB7
≈ Brilliant Sea
Analogowa -30° +30°
- EC4F28
Hot Shot
- E8477C
≈ Kacey’s Pink
- C77600
≈ Dirty Orange
Triada +120° +240°
- EC4F28
Hot Shot
- 00A75F
≈ Greedo Green
- 6D7BFF
≈ Byzantine Night Blue
Komplementarna rozszczepiona +150° +210°
- EC4F28
Hot Shot
- 00A295
≈ Turquish
- 0093E6
≈ Pervenche
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.67:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.71:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.71:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--hot-shot: #ec4f28;
--hot-shot-rgb: 236 79 40;
--hot-shot-oklch: oklch(0.64 0.2 34.7);
}
.element {
color: var(--hot-shot);
background-color: hsl(12 84% 54%);
border-color: oklch(0.64 0.2 34.7);
}Tailwind CSS v4
@theme {
--color-hot-shot: #ec4f28;
--color-hot-shot-50: #ffe2cd;
--color-hot-shot-100: #ffd1b9;
--color-hot-shot-200: #ffb597;
--color-hot-shot-300: #ff8f6b;
--color-hot-shot-400: #fd6844;
--color-hot-shot-500: #ed3b00;
--color-hot-shot-600: #c83408;
--color-hot-shot-700: #a12a08;
--color-hot-shot-800: #781c0a;
--color-hot-shot-900: #551306;
--color-hot-shot-950: #390300;
}SCSS
$hot-shot: #ec4f28;
$hot-shot-rgb: 236, 79, 40;
$hot-shot-light: mix(#fff, $hot-shot, 20%);
$hot-shot-dark: mix(#000, $hot-shot, 20%);
.element {
color: $hot-shot;
box-shadow: 0 0 0 2px rgba($hot-shot, 0.35);
}