Warna bernama · #F7CF1B
Happy Daze
Happy Daze adalah #F7CF1B: rgb(247 207 27), hsl(49 93% 54%), oklch(0.864 0.173 94.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Happy Daze color name →
#F7CF1B
oklch(0.864 0.173 94.4)
Konversi warna
- HEX
- #f7cf1b
- RGB
- rgb(247 207 27)
- HSL
- hsl(49 93% 54%)
- HWB
- hwb(49 11% 3%)
- OKLCH
- oklch(0.864 0.173 94.4)
- OKLab
- oklab(0.864 -0.013 0.172)
- CIE Lab
- lab(84.74 3.62 81.29)
- LCH
- lch(84.74 81.37 87.4)
- CMYK
- cmyk(0% 16% 89% 3%)
Tint · Shade · Tone
Tint
- F8D44A
- F9DA66
- F9DF7D
- FAE492
- FBE8A6
- FCEDB9
- FDF2CB
- FDF6DC
- FEFBEE
Shade
- D7B416
- B79911
- 997F0C
- 7C6708
- 604F05
- 453802
- 2C2301
- 151000
- 030200
Tone
- EAC739
- DEBF4A
- D2B756
- C6B060
- BAA867
- AEA06E
- A29874
- 979078
- 8B887D
Harmoni warna
Komplementer +180°
- F7CF1B
Happy Daze
- C4D0FF
≈ Lavender Blue
Analog -30° +30°
- F7CF1B
Happy Daze
- FFC58F
≈ Dainty Apricot
- BAE558
≈ Inchworm
Triadik +120° +240°
- F7CF1B
Happy Daze
- 70E5FF
≈ Robin’s Egg
- FFB7F0
≈ Hermosa Pink
Split-komplementer +150° +210°
- F7CF1B
Happy Daze
- AAD8FF
≈ Malmö FF
- DEC5FF
≈ Neon Boneyard
Tetradik +90° +180° +270°
- F7CF1B
Happy Daze
- 00F2DE
≈ Frozen Boubble
- C4D0FF
≈ Lavender Blue
- FFBECC
≈ Love Affair
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.51:1 · APCA Lc 24
Ag
AAADi atas hitam
WCAG 13.89:1 · APCA Lc 80
Warna teks terbaik: #000000
WCAG 13.89:1 (AAA) · APCA Lc 80
Contrast pairs
Cuplikan kode
CSS
:root {
--happy-daze: #f7cf1b;
--happy-daze-rgb: 247 207 27;
--happy-daze-oklch: oklch(0.864 0.173 94.4);
}
.element {
color: var(--happy-daze);
background-color: hsl(49 93% 54%);
border-color: oklch(0.864 0.173 94.4);
}Tailwind CSS v4
@theme {
--color-happy-daze: #f7cf1b;
--color-happy-daze-50: #fff6bd;
--color-happy-daze-100: #f8e9a6;
--color-happy-daze-200: #ead47b;
--color-happy-daze-300: #d1b73f;
--color-happy-daze-400: #c09b00;
--color-happy-daze-500: #ac8000;
--color-happy-daze-600: #916d00;
--color-happy-daze-700: #745700;
--color-happy-daze-800: #583e00;
--color-happy-daze-900: #3d2b00;
--color-happy-daze-950: #271800;
}SCSS
$happy-daze: #f7cf1b;
$happy-daze-rgb: 247, 207, 27;
$happy-daze-light: mix(#fff, $happy-daze, 20%);
$happy-daze-dark: mix(#000, $happy-daze, 20%);
.element {
color: $happy-daze;
box-shadow: 0 0 0 2px rgba($happy-daze, 0.35);
}