Cor nomeada · #F6D559
Wake Me Up
Wake Me Up é #F6D559: rgb(246 213 89), hsl(47 90% 66%), oklch(0.878 0.145 94.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Wake Me Up color name →
#F6D559
oklch(0.878 0.145 94.3)
Conversões de cor
- HEX
- #f6d559
- RGB
- rgb(246 213 89)
- HSL
- hsl(47 90% 66%)
- HWB
- hwb(47 35% 4%)
- OKLCH
- oklch(0.878 0.145 94.3)
- OKLab
- oklab(0.878 -0.011 0.145)
- CIE Lab
- lab(86.41 1.96 63.58)
- LCH
- lch(86.41 63.61 88.2)
- CMYK
- cmyk(0% 13% 64% 4%)
Tons claros · Sombras · Tons
Tons claros
- F7DA6F
- F8DE82
- F9E293
- FAE7A4
- FAEBB4
- FBEFC3
- FCF3D3
- FDF7E2
- FEFBF0
Sombras
- D6B94C
- B79E40
- 988334
- 7B6A28
- 5F511D
- 453A13
- 2C2409
- 151003
- 030200
Tons
- EACC61
- DDC468
- D1BB6D
- C5B372
- B9AA75
- ADA279
- A2997B
- 96917D
- 8B887F
Harmonias de cor
Complementar +180°
- F6D559
Wake Me Up
- CAD5FF
≈ Pale Phthalo Blue
Análoga -30° +30°
- F6D559
Wake Me Up
- FFCC9C
≈ Melon Sprinkle
- C3E777
≈ Sulu
Tríade +120° +240°
- F6D559
Wake Me Up
- 84E8FF
≈ Photon Projector
- FFBFF1
≈ Pink Quartz
Complementar dividida +150° +210°
- F6D559
Wake Me Up
- B4DCFF
≈ Broad Daylight
- E1CCFF
≈ Lens Flare Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.58:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--wake-me-up: #f6d559;
--wake-me-up-rgb: 246 213 89;
--wake-me-up-oklch: oklch(0.878 0.145 94.3);
}
.element {
color: var(--wake-me-up);
background-color: hsl(47 90% 66%);
border-color: oklch(0.878 0.145 94.3);
}Tailwind CSS v4
@theme {
--color-wake-me-up: #f6d559;
--color-wake-me-up-50: #fff6c7;
--color-wake-me-up-100: #f6e9b1;
--color-wake-me-up-200: #e6d58c;
--color-wake-me-up-300: #cdb75a;
--color-wake-me-up-400: #ba9c19;
--color-wake-me-up-500: #a68200;
--color-wake-me-up-600: #8c6e00;
--color-wake-me-up-700: #705800;
--color-wake-me-up-800: #544000;
--color-wake-me-up-900: #3b2c00;
--color-wake-me-up-950: #251900;
}SCSS
$wake-me-up: #f6d559;
$wake-me-up-rgb: 246, 213, 89;
$wake-me-up-light: mix(#fff, $wake-me-up, 20%);
$wake-me-up-dark: mix(#000, $wake-me-up, 20%);
.element {
color: $wake-me-up;
box-shadow: 0 0 0 2px rgba($wake-me-up, 0.35);
}