Colore con nome · #F7CF1B
Happy Daze
Happy Daze è #F7CF1B: rgb(247 207 27), hsl(49 93% 54%), oklch(0.864 0.173 94.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Happy Daze color name →
#F7CF1B
oklch(0.864 0.173 94.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F8D44A
- F9DA66
- F9DF7D
- FAE492
- FBE8A6
- FCEDB9
- FDF2CB
- FDF6DC
- FEFBEE
Ombre
- D7B416
- B79911
- 997F0C
- 7C6708
- 604F05
- 453802
- 2C2301
- 151000
- 030200
Toni
- EAC739
- DEBF4A
- D2B756
- C6B060
- BAA867
- AEA06E
- A29874
- 979078
- 8B887D
Armonie di colore
Complementare +180°
- F7CF1B
Happy Daze
- C4D0FF
≈ Lavender Blue
Analogo -30° +30°
- F7CF1B
Happy Daze
- FFC58F
≈ Dainty Apricot
- BAE558
≈ Inchworm
Triadico +120° +240°
- F7CF1B
Happy Daze
- 70E5FF
≈ Robin’s Egg
- FFB7F0
≈ Hermosa Pink
Complementare divisa +150° +210°
- F7CF1B
Happy Daze
- AAD8FF
≈ Malmö FF
- DEC5FF
≈ Neon Boneyard
Tetradico +90° +180° +270°
- F7CF1B
Happy Daze
- 00F2DE
≈ Frozen Boubble
- C4D0FF
≈ Lavender Blue
- FFBECC
≈ Love Affair
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.89:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 13.89:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
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);
}