Nazwany kolor · #FF0033
Hornet Sting
Hornet Sting to #FF0033: rgb(255 0 51), hsl(348 100% 50%), oklch(0.631 0.255 23.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Hornet Sting color name →
#FF0033
oklch(0.631 0.255 23.6)
Konwersje koloru
- HEX
- #ff0033
- RGB
- rgb(255 0 51)
- HSL
- hsl(348 100% 50%)
- HWB
- hwb(348 0% 0%)
- OKLCH
- oklch(0.631 0.255 23.6)
- OKLab
- oklab(0.631 0.234 0.102)
- CIE Lab
- lab(54.5 81.28 50.14)
- LCH
- lch(54.5 95.5 31.7)
- CMYK
- cmyk(0% 100% 80% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF404A
- FF5E5F
- FF7673
- FF8C87
- FFA19B
- FFB4AF
- FFC7C2
- FFDAD6
- FFEDEB
Odcienie ciemniejsze
- DE002B
- BE0023
- 9E001C
- 800014
- 63000D
- 480007
- 2E0003
- 160001
- 030000
Tony
- F42E3E
- E94147
- DD4F50
- D25A58
- C6635F
- B96A66
- AC716D
- 9F7673
- 907B7A
Harmonie kolorów
Komplementarna +180°
- FF0033
Hornet Sting
- 009CA7
≈ Turkish Boy
Analogowa -30° +30°
- FF0033
Hornet Sting
- F11095
≈ Fanatic Fuchsia
- D06900
≈ Cinnamon
Triada +120° +240°
- FF0033
Hornet Sting
- 00A71C
≈ Peter Pan
- 4880FF
≈ C64 NTSC
Komplementarna rozszczepiona +150° +210°
- FF0033
Hornet Sting
- 00A083
≈ Reptilian Green
- 0095CC
≈ Germander Speedwell
Tetrada +90° +180° +270°
- FF0033
Hornet Sting
- 8A9200
≈ Old Asparagus
- 009CA7
≈ Turkish Boy
- 9463FF
≈ Purple Anemone
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.96:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.29:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.29:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--hornet-sting: #ff0033;
--hornet-sting-rgb: 255 0 51;
--hornet-sting-oklch: oklch(0.631 0.255 23.6);
}
.element {
color: var(--hornet-sting);
background-color: hsl(348 100% 50%);
border-color: oklch(0.631 0.255 23.6);
}Tailwind CSS v4
@theme {
--color-hornet-sting: #ff0033;
--color-hornet-sting-50: #ffd9d0;
--color-hornet-sting-100: #ffc6bc;
--color-hornet-sting-200: #ffa69b;
--color-hornet-sting-300: #ff7870;
--color-hornet-sting-400: #ff434f;
--color-hornet-sting-500: #ff0020;
--color-hornet-sting-600: #dc001e;
--color-hornet-sting-700: #b10018;
--color-hornet-sting-800: #850015;
--color-hornet-sting-900: #5e000d;
--color-hornet-sting-950: #400002;
}SCSS
$hornet-sting: #ff0033;
$hornet-sting-rgb: 255, 0, 51;
$hornet-sting-light: mix(#fff, $hornet-sting, 20%);
$hornet-sting-dark: mix(#000, $hornet-sting, 20%);
.element {
color: $hornet-sting;
box-shadow: 0 0 0 2px rgba($hornet-sting, 0.35);
}