Nazwany kolor · #FF4422
Dynamite
Dynamite to #FF4422: rgb(255 68 34), hsl(9 100% 57%), oklch(0.661 0.227 32.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Dynamite color name →
#FF4422
oklch(0.661 0.227 32.4)
Konwersje koloru
- HEX
- #ff4422
- RGB
- rgb(255 68 34)
- HSL
- hsl(9 100% 57%)
- HWB
- hwb(9 13% 0%)
- OKLCH
- oklch(0.661 0.227 32.4)
- OKLab
- oklab(0.661 0.192 0.122)
- CIE Lab
- lab(58.5 69.73 61.49)
- LCH
- lch(58.5 92.97 41.4)
- CMYK
- cmyk(0% 73% 87% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF5E40
- FF7458
- FF876E
- FF9A83
- FFAC98
- FFBDAD
- FFCEC1
- FFDED6
- FFEFEA
Odcienie ciemniejsze
- DE3A1C
- BE3016
- 9E2611
- 801D0B
- 631407
- 480C03
- 2E0501
- 160200
- 030000
Tony
- F45033
- E85940
- DC614A
- D06854
- C46E5C
- B87264
- AB776C
- 9D7A73
- 8F7D79
Harmonie kolorów
Komplementarna +180°
- FF4422
Dynamite
- 00A4BC
≈ Maui
Analogowa -30° +30°
- FF4422
Dynamite
- F93C86
≈ Raspberry Shortcake
- D27900
≈ Autumn Leaf Orange
Triada +120° +240°
- FF4422
Dynamite
- 00AF5B
≈ Nordic Grass Green
- 6F86FF
≈ Punch Out Glove
Komplementarna rozszczepiona +150° +210°
- FF4422
Dynamite
- 00A998
≈ Persian Green
- 009BEA
≈ Pervenche
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.44:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.10:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.10:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--dynamite: #ff4422;
--dynamite-rgb: 255 68 34;
--dynamite-oklch: oklch(0.661 0.227 32.4);
}
.element {
color: var(--dynamite);
background-color: hsl(9 100% 57%);
border-color: oklch(0.661 0.227 32.4);
}Tailwind CSS v4
@theme {
--color-dynamite: #ff4422;
--color-dynamite-50: #ffdeca;
--color-dynamite-100: #ffccb5;
--color-dynamite-200: #ffaf92;
--color-dynamite-300: #ff8563;
--color-dynamite-400: #ff5a3b;
--color-dynamite-500: #f91600;
--color-dynamite-600: #d21b00;
--color-dynamite-700: #a91700;
--color-dynamite-800: #7f0c02;
--color-dynamite-900: #5a0803;
--color-dynamite-950: #3c0000;
}SCSS
$dynamite: #ff4422;
$dynamite-rgb: 255, 68, 34;
$dynamite-light: mix(#fff, $dynamite, 20%);
$dynamite-dark: mix(#000, $dynamite, 20%);
.element {
color: $dynamite;
box-shadow: 0 0 0 2px rgba($dynamite, 0.35);
}