Nazwany kolor · #FFDE34
Emoji Yellow
Emoji Yellow to #FFDE34: rgb(255 222 52), hsl(50 100% 60%), oklch(0.902 0.174 97.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Emoji Yellow color name →
#FFDE34
oklch(0.902 0.174 97.3)
Konwersje koloru
- HEX
- #ffde34
- RGB
- rgb(255 222 52)
- HSL
- hsl(50 100% 60%)
- HWB
- hwb(50 20% 0%)
- OKLCH
- oklch(0.902 0.174 97.3)
- OKLab
- oklab(0.902 -0.022 0.173)
- CIE Lab
- lab(89.31 0.17 79.6)
- LCH
- lch(89.31 79.6 89.9)
- CMYK
- cmyk(0% 13% 80% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFE257
- FFE571
- FFE986
- FFED9A
- FFF0AC
- FFF3BE
- FFF6CF
- FFF9DF
- FFFCEF
Odcienie ciemniejsze
- DEC12C
- BEA524
- 9E891C
- 806F15
- 63550E
- 483D07
- 2E2603
- 161201
- 030200
Tony
- F2D547
- E4CB55
- D7C25F
- CAB867
- BDAF6D
- B1A673
- A49C77
- 98937B
- 8C897E
Harmonie kolorów
Komplementarna +180°
- FFDE34
Emoji Yellow
- D6DCFF
≈ Transparent Blue
Analogowa -30° +30°
- FFDE34
Emoji Yellow
- FFD6AD
≈ Delicious Melon
- BFF46B
≈ Green Cow
Triada +120° +240°
- FFDE34
Emoji Yellow
- A6EBFF
≈ Beyond the Clouds
- FFCDF0
≈ Infra-White
Komplementarna rozszczepiona +150° +210°
- FFDE34
Emoji Yellow
- C5E3FF
≈ Fresh Water
- E9D5FF
≈ Rose Dragée
Tetrada +90° +180° +270°
- FFDE34
Emoji Yellow
- 1EFFF0
≈ Ice Temple
- D6DCFF
≈ Transparent Blue
- FFD1D8
≈ Love Fumes
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.75:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--emoji-yellow: #ffde34;
--emoji-yellow-rgb: 255 222 52;
--emoji-yellow-oklch: oklch(0.902 0.174 97.3);
}
.element {
color: var(--emoji-yellow);
background-color: hsl(50 100% 60%);
border-color: oklch(0.902 0.174 97.3);
}Tailwind CSS v4
@theme {
--color-emoji-yellow: #ffde34;
--color-emoji-yellow-50: #fff7bd;
--color-emoji-yellow-100: #f6eaa6;
--color-emoji-yellow-200: #e6d67b;
--color-emoji-yellow-300: #cdb83f;
--color-emoji-yellow-400: #bb9d00;
--color-emoji-yellow-500: #a78200;
--color-emoji-yellow-600: #8d6f00;
--color-emoji-yellow-700: #715800;
--color-emoji-yellow-800: #554000;
--color-emoji-yellow-900: #3b2c00;
--color-emoji-yellow-950: #251900;
}SCSS
$emoji-yellow: #ffde34;
$emoji-yellow-rgb: 255, 222, 52;
$emoji-yellow-light: mix(#fff, $emoji-yellow, 20%);
$emoji-yellow-dark: mix(#000, $emoji-yellow, 20%);
.element {
color: $emoji-yellow;
box-shadow: 0 0 0 2px rgba($emoji-yellow, 0.35);
}