Warna bernama · #FFDE34
Emoji Yellow
Emoji Yellow adalah #FFDE34: rgb(255 222 52), hsl(50 100% 60%), oklch(0.902 0.174 97.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Emoji Yellow color name →
#FFDE34
oklch(0.902 0.174 97.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FFE257
- FFE571
- FFE986
- FFED9A
- FFF0AC
- FFF3BE
- FFF6CF
- FFF9DF
- FFFCEF
Shade
- DEC12C
- BEA524
- 9E891C
- 806F15
- 63550E
- 483D07
- 2E2603
- 161201
- 030200
Tone
- F2D547
- E4CB55
- D7C25F
- CAB867
- BDAF6D
- B1A673
- A49C77
- 98937B
- 8C897E
Harmoni warna
Komplementer +180°
- FFDE34
Emoji Yellow
- D6DCFF
≈ Transparent Blue
Analog -30° +30°
- FFDE34
Emoji Yellow
- FFD6AD
≈ Delicious Melon
- BFF46B
≈ Green Cow
Triadik +120° +240°
- FFDE34
Emoji Yellow
- A6EBFF
≈ Beyond the Clouds
- FFCDF0
≈ Infra-White
Split-komplementer +150° +210°
- FFDE34
Emoji Yellow
- C5E3FF
≈ Fresh Water
- E9D5FF
≈ Rose Dragée
Tetradik +90° +180° +270°
- FFDE34
Emoji Yellow
- 1EFFF0
≈ Ice Temple
- D6DCFF
≈ Transparent Blue
- FFD1D8
≈ Love Fumes
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.33:1 · APCA Lc 16
Ag
AAADi atas hitam
WCAG 15.75:1 · APCA Lc 87
Warna teks terbaik: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Cuplikan kode
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);
}