Nazwany kolor · #F7DA74
Solar Energy
Solar Energy to #F7DA74: rgb(247 218 116), hsl(47 89% 71%), oklch(0.892 0.126 93.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Solar Energy color name →
#F7DA74
oklch(0.892 0.126 93.8)
Konwersje koloru
- HEX
- #f7da74
- RGB
- rgb(247 218 116)
- HSL
- hsl(47 89% 71%)
- HWB
- hwb(47 45% 3%)
- OKLCH
- oklch(0.892 0.126 93.8)
- OKLab
- oklab(0.892 -0.008 0.126)
- CIE Lab
- lab(87.98 1.33 53.39)
- LCH
- lch(87.98 53.4 88.6)
- CMYK
- cmyk(0% 12% 53% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8DE84
- F9E294
- F9E6A2
- FAE9B0
- FBEDBE
- FCF1CB
- FDF5D8
- FDF8E5
- FEFCF2
Odcienie ciemniejsze
- D7BD64
- B7A254
- 998745
- 7C6C37
- 605429
- 453C1B
- 2C250F
- 151105
- 030201
Tony
- EAD177
- DEC87A
- D2BF7C
- C6B67E
- BAAD7F
- AEA480
- A29B81
- 979281
- 8B8980
Harmonie kolorów
Komplementarna +180°
- F7DA74
Solar Energy
- D0DAFF
≈ Icy Plains
Analogowa -30° +30°
- F7DA74
Solar Energy
- FFD2A9
≈ Opalescent Coral
- CAEA8A
≈ Sulu
Triada +120° +240°
- F7DA74
Solar Energy
- 94EBFF
≈ Alpine Expedition
- FFC7F3
≈ Rosy Maple Moth
Komplementarna rozszczepiona +150° +210°
- F7DA74
Solar Energy
- BCE1FF
≈ Dithered Sky
- E4D2FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- F7DA74
Solar Energy
- 68F7E4
≈ Tiffany Blue
- D0DAFF
≈ Icy Plains
- FFCCD7
≈ Flower Spell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.37:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.23:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.23:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--solar-energy: #f7da74;
--solar-energy-rgb: 247 218 116;
--solar-energy-oklch: oklch(0.892 0.126 93.8);
}
.element {
color: var(--solar-energy);
background-color: hsl(47 89% 71%);
border-color: oklch(0.892 0.126 93.8);
}Tailwind CSS v4
@theme {
--color-solar-energy: #f7da74;
--color-solar-energy-50: #fff6cd;
--color-solar-energy-100: #f4e8b9;
--color-solar-energy-200: #e4d596;
--color-solar-energy-300: #cbb769;
--color-solar-energy-400: #b79d3a;
--color-solar-energy-500: #a28300;
--color-solar-energy-600: #896f00;
--color-solar-energy-700: #6e5900;
--color-solar-energy-800: #524000;
--color-solar-energy-900: #392c00;
--color-solar-energy-950: #241900;
}SCSS
$solar-energy: #f7da74;
$solar-energy-rgb: 247, 218, 116;
$solar-energy-light: mix(#fff, $solar-energy, 20%);
$solar-energy-dark: mix(#000, $solar-energy, 20%);
.element {
color: $solar-energy;
box-shadow: 0 0 0 2px rgba($solar-energy, 0.35);
}