Najbliższy nazwany kolor · #FD5B00
#FD5B00
Najbliższy nazwany kolor: Molten Core
#FD5B00 (rgb(253 91 0), hsl(22 100% 50%), oklch(0.679 0.211 40.5)) jest najbliższy nazwanemu kolorowi Molten Core. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FD5B00
oklch(0.679 0.211 40.5)
Konwersje koloru
- HEX
- #fd5b00
- RGB
- rgb(253 91 0)
- HSL
- hsl(22 100% 50%)
- HWB
- hwb(22 0% 1%)
- OKLCH
- oklch(0.679 0.211 40.5)
- OKLab
- oklab(0.679 0.16 0.137)
- CIE Lab
- lab(61.09 60.81 71.55)
- LCH
- lch(61.09 93.9 49.6)
- CMYK
- cmyk(0% 64% 100% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FF6F35
- FF8251
- FF9369
- FFA380
- FFB395
- FFC3AB
- FFD2C0
- FFE1D5
- FFF0EA
Odcienie ciemniejsze
- DC4E00
- BC4100
- 9D3500
- 7F2900
- 621E00
- 471300
- 2D0900
- 160300
- 030000
Tony
- F16225
- E66837
- DA6D44
- CE714F
- C27559
- B67862
- A97B6A
- 9C7D72
- 8E7F79
Harmonie kolorów
Komplementarna +180°
- FD5B00
Molten Core
- 00A9CD
≈ Gummy Dolphins
Analogowa -30° +30°
- FD5B00
Molten Core
- FD4E79
≈ Warm Pink
- D08600
≈ Lobster Butter Sauce
Triada +120° +240°
- FD5B00
Molten Core
- 00B478
≈ Green Teal
- 8787FF
≈ Lavender Blue Shadow
Komplementarna rozszczepiona +150° +210°
- FD5B00
Molten Core
- 00AFA9
≈ Tropical Tree
- 2C9BFF
≈ Brilliant Azure
Tetrada +90° +180° +270°
- FD5B00
Molten Core
- 6FAD00
≈ Bevelled Grass
- 00A9CD
≈ Gummy Dolphins
- C069F6
≈ Easter Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.14:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.67:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.67:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--molten-core: #fd5b00;
--molten-core-rgb: 253 91 0;
--molten-core-oklch: oklch(0.679 0.211 40.5);
}
.element {
color: var(--molten-core);
background-color: hsl(22 100% 50%);
border-color: oklch(0.679 0.211 40.5);
}Tailwind CSS v4
@theme {
--color-molten-core: #fd5b00;
--color-molten-core-50: #ffe2c6;
--color-molten-core-100: #ffd1b0;
--color-molten-core-200: #ffb58a;
--color-molten-core-300: #ff8e59;
--color-molten-core-400: #ff6725;
--color-molten-core-500: #f03800;
--color-molten-core-600: #ca3200;
--color-molten-core-700: #a32800;
--color-molten-core-800: #7a1a00;
--color-molten-core-900: #561100;
--color-molten-core-950: #3a0200;
}SCSS
$molten-core: #fd5b00;
$molten-core-rgb: 253, 91, 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);
}