Najbliższy nazwany kolor · #FF1928
#FF1928
Najbliższy nazwany kolor: Incision
#FF1928 (rgb(255 25 40), hsl(356 100% 55%), oklch(0.635 0.25 26.5)) jest najbliższy nazwanemu kolorowi Incision. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FF1928
oklch(0.635 0.25 26.5)
Konwersje koloru
- HEX
- #ff1928
- RGB
- rgb(255 25 40)
- HSL
- hsl(356 100% 55%)
- HWB
- hwb(356 10% 0%)
- OKLCH
- oklch(0.635 0.25 26.5)
- OKLab
- oklab(0.635 0.224 0.112)
- CIE Lab
- lab(55.15 79.08 56.4)
- LCH
- lch(55.15 97.13 35.5)
- CMYK
- cmyk(0% 90% 84% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF4643
- FF6259
- FF796F
- FF8F83
- FFA398
- FFB6AC
- FFC9C1
- FFDBD5
- FFEDEA
Odcienie ciemniejsze
- DE1421
- BE101B
- 9E0B15
- 80070F
- 630409
- 480204
- 2E0102
- 160001
- 030000
Tony
- F43636
- E94641
- DD524B
- D25C54
- C5655C
- B96C64
- AC726B
- 9E7772
- 907C79
Harmonie kolorów
Komplementarna +180°
- FF1928
Incision
- 009DAB
≈ Lake Blue
Analogowa -30° +30°
- FF1928
Incision
- F31A8E
≈ Cruel Jewel
- CF6D00
≈ Autumn Maple
Triada +120° +240°
- FF1928
Incision
- 00A739
≈ Poetic Green
- 5480FF
≈ Flickery C64
Komplementarna rozszczepiona +150° +210°
- FF1928
Incision
- 00A289
≈ Brilliant Turquoise
- 0095D3
≈ Sea of Crete
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.87:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.42:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.42:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--incision: #ff1928;
--incision-rgb: 255 25 40;
--incision-oklch: oklch(0.635 0.25 26.5);
}
.element {
color: var(--incision);
background-color: hsl(356 100% 55%);
border-color: oklch(0.635 0.25 26.5);
}Tailwind CSS v4
@theme {
--color-incision: #ff1928;
--color-incision-50: #ffdacd;
--color-incision-100: #ffc8b8;
--color-incision-200: #ffa896;
--color-incision-300: #ff7b6a;
--color-incision-400: #ff4845;
--color-incision-500: #ff0004;
--color-incision-600: #da000c;
--color-incision-700: #b0000b;
--color-incision-800: #84000d;
--color-incision-900: #5d0008;
--color-incision-950: #3f0000;
}SCSS
$incision: #ff1928;
$incision-rgb: 255, 25, 40;
$incision-light: mix(#fff, $incision, 20%);
$incision-dark: mix(#000, $incision, 20%);
.element {
color: $incision;
box-shadow: 0 0 0 2px rgba($incision, 0.35);
}