Nazwany kolor · #FFE700
Demonic Yellow
Demonic Yellow to #FFE700: rgb(255 231 0), hsl(54 100% 50%), oklch(0.919 0.192 101.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Demonic Yellow color name →
#FFE700
oklch(0.919 0.192 101.8)
Konwersje koloru
- HEX
- #ffe700
- RGB
- rgb(255 231 0)
- HSL
- hsl(54 100% 50%)
- HWB
- hwb(54 0% 0%)
- OKLCH
- oklch(0.919 0.192 101.8)
- OKLab
- oklab(0.919 -0.039 0.188)
- CIE Lab
- lab(91.48 -4.7 89.22)
- LCH
- lch(91.48 89.34 93)
- CMYK
- cmyk(0% 9% 100% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFEA47
- FFED67
- FFF07F
- FEF295
- FEF5A8
- FEF7BB
- FEF9CD
- FFFBDE
- FFFDEF
Odcienie ciemniejsze
- DEC900
- BEAB00
- 9E8F00
- 807300
- 635900
- 484000
- 2E2800
- 161300
- 030300
Tony
- F1DD34
- E4D248
- D7C856
- CABE61
- BDB369
- B0A970
- A49F75
- 98957A
- 8C8A7D
Harmonie kolorów
Komplementarna +180°
- FFE700
Demonic Yellow
- DFE2FF
≈ Stoic White
Analogowa -30° +30°
- FFE700
Demonic Yellow
- FFDEB7
≈ Tunisian Stone
- B4FE6C
≈ Key Lime
Triada +120° +240°
- FFE700
Demonic Yellow
- BCEDFF
≈ Ice Effect
- FFD7EF
≈ Sweet Sachet
Komplementarna rozszczepiona +150° +210°
- FFE700
Demonic Yellow
- D1E7FF
≈ Veiling Waterfalls
- F0DBFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- FFE700
Demonic Yellow
- 6AFFF9
≈ Moonglade Water
- DFE2FF
≈ Stoic White
- FFD9DD
≈ Satin Ribbon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.68:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.68:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--demonic-yellow: #ffe700;
--demonic-yellow-rgb: 255 231 0;
--demonic-yellow-oklch: oklch(0.919 0.192 101.8);
}
.element {
color: var(--demonic-yellow);
background-color: hsl(54 100% 50%);
border-color: oklch(0.919 0.192 101.8);
}Tailwind CSS v4
@theme {
--color-demonic-yellow: #ffe700;
--color-demonic-yellow-50: #fef9b8;
--color-demonic-yellow-100: #f2eca0;
--color-demonic-yellow-200: #e2d872;
--color-demonic-yellow-300: #c9bb2a;
--color-demonic-yellow-400: #b7a000;
--color-demonic-yellow-500: #a28500;
--color-demonic-yellow-600: #897100;
--color-demonic-yellow-700: #6e5b00;
--color-demonic-yellow-800: #534100;
--color-demonic-yellow-900: #3a2d00;
--color-demonic-yellow-950: #241a00;
}SCSS
$demonic-yellow: #ffe700;
$demonic-yellow-rgb: 255, 231, 0;
$demonic-yellow-light: mix(#fff, $demonic-yellow, 20%);
$demonic-yellow-dark: mix(#000, $demonic-yellow, 20%);
.element {
color: $demonic-yellow;
box-shadow: 0 0 0 2px rgba($demonic-yellow, 0.35);
}