Nazwany kolor · #FF5800
Molten Core
Molten Core to #FF5800: rgb(255 88 0), hsl(21 100% 50%), oklch(0.679 0.215 39.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Molten Core color name →
#FF5800
oklch(0.679 0.215 39.5)
Konwersje koloru
- HEX
- #ff5800
- RGB
- rgb(255 88 0)
- HSL
- hsl(21 100% 50%)
- HWB
- hwb(21 0% 0%)
- OKLCH
- oklch(0.679 0.215 39.5)
- OKLab
- oklab(0.679 0.166 0.137)
- CIE Lab
- lab(61 62.62 71.77)
- LCH
- lch(61 95.24 48.9)
- CMYK
- cmyk(0% 65% 100% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF6D35
- FF8051
- FF9169
- FFA280
- FFB295
- FFC2AB
- FFD2C0
- FFE1D5
- FFF0EA
Odcienie ciemniejsze
- DE4B00
- BE3F00
- 9E3300
- 802800
- 631D00
- 481200
- 2E0900
- 160300
- 030000
Tony
- F36025
- E86637
- DC6C44
- D0704F
- C37459
- B77762
- AA7A6A
- 9C7D72
- 8F7E79
Harmonie kolorów
Komplementarna +180°
- FF5800
Molten Core
- 00A9CC
≈ Gummy Dolphins
Analogowa -30° +30°
- FF5800
Molten Core
- FE4C7B
≈ Warm Pink
- D18500
≈ Copious Caramel
Triada +120° +240°
- FF5800
Molten Core
- 00B475
≈ Green Teal
- 8588FF
≈ Lavender Blue Shadow
Komplementarna rozszczepiona +150° +210°
- FF5800
Molten Core
- 00AFA7
≈ Cozumel
- 249CFF
≈ Brilliant Azure
Tetrada +90° +180° +270°
- FF5800
Molten Core
- 73AC00
≈ Plus Ultra
- 00A9CC
≈ Gummy Dolphins
- BF68F9
≈ Easter Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.15:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.64:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.64:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--molten-core: #ff5800;
--molten-core-rgb: 255 88 0;
--molten-core-oklch: oklch(0.679 0.215 39.5);
}
.element {
color: var(--molten-core);
background-color: hsl(21 100% 50%);
border-color: oklch(0.679 0.215 39.5);
}Tailwind CSS v4
@theme {
--color-molten-core: #ff5800;
--color-molten-core-50: #ffe1c5;
--color-molten-core-100: #ffd0b0;
--color-molten-core-200: #ffb48a;
--color-molten-core-300: #ff8d58;
--color-molten-core-400: #ff6425;
--color-molten-core-500: #f23300;
--color-molten-core-600: #cc2e00;
--color-molten-core-700: #a42500;
--color-molten-core-800: #7b1800;
--color-molten-core-900: #571000;
--color-molten-core-950: #3a0100;
}SCSS
$molten-core: #ff5800;
$molten-core-rgb: 255, 88, 0;
$molten-core-light: mix(#fff, $molten-core, 20%);
$molten-core-dark: mix(#000, $molten-core, 20%);
.element {
color: $molten-core;
box-shadow: 0 0 0 2px rgba($molten-core, 0.35);
}