Cor nomeada · #FBD073
Golden Plumeria
Golden Plumeria é #FBD073: rgb(251 208 115), hsl(41 94% 72%), oklch(0.876 0.122 85). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Plumeria color name →
#FBD073
oklch(0.876 0.122 85)
Conversões de cor
- HEX
- #fbd073
- RGB
- rgb(251 208 115)
- HSL
- hsl(41 94% 72%)
- HWB
- hwb(41 45% 2%)
- OKLCH
- oklch(0.876 0.122 85)
- OKLab
- oklab(0.876 0.011 0.121)
- CIE Lab
- lab(85.87 7.73 51.54)
- LCH
- lch(85.87 52.11 81.5)
- CMYK
- cmyk(0% 17% 54% 2%)
Tons claros · Sombras · Tons
Tons claros
- FCD583
- FCDA92
- FDDFA1
- FDE3AF
- FDE8BD
- FEEDCA
- FEF1D8
- FEF6E5
- FFFBF2
Sombras
- DAB563
- BA9A54
- 9C8045
- 7E6736
- 614F28
- 46391B
- 2D230F
- 151005
- 030201
Tons
- EEC876
- E1C079
- D5B87B
- C8B07D
- BCA87E
- B0A07F
- A49880
- 989080
- 8C8880
Harmonias de cor
Complementar +180°
- FBD073
Golden Plumeria
- C3D6FF
≈ Pale Phthalo Blue
Análoga -30° +30°
- FBD073
Golden Plumeria
- FFC9A6
≈ Polly
- D3E07F
≈ Ajwain Green
Tríade +120° +240°
- FBD073
Golden Plumeria
- 60EDFC
≈ Bioluminescence
- FCBDFF
≈ Distilled Rose
Complementar dividida +150° +210°
- FBD073
Golden Plumeria
- A9DFFF
≈ Droplet
- D9CEFF
≈ Pale Lavender
Tétrade +90° +180° +270°
- FBD073
Golden Plumeria
- 72F0D2
≈ Tiffany Blue
- C3D6FF
≈ Pale Phthalo Blue
- FFC3D9
≈ Sweet Romance
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.37:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--golden-plumeria: #fbd073;
--golden-plumeria-rgb: 251 208 115;
--golden-plumeria-oklch: oklch(0.876 0.122 85);
}
.element {
color: var(--golden-plumeria);
background-color: hsl(41 94% 72%);
border-color: oklch(0.876 0.122 85);
}Tailwind CSS v4
@theme {
--color-golden-plumeria: #fbd073;
--color-golden-plumeria-50: #fff4ce;
--color-golden-plumeria-100: #f9e6ba;
--color-golden-plumeria-200: #ebd298;
--color-golden-plumeria-300: #d2b46c;
--color-golden-plumeria-400: #bf983f;
--color-golden-plumeria-500: #ab7e00;
--color-golden-plumeria-600: #906b00;
--color-golden-plumeria-700: #745500;
--color-golden-plumeria-800: #573e00;
--color-golden-plumeria-900: #3c2a01;
--color-golden-plumeria-950: #261800;
}SCSS
$golden-plumeria: #fbd073;
$golden-plumeria-rgb: 251, 208, 115;
$golden-plumeria-light: mix(#fff, $golden-plumeria, 20%);
$golden-plumeria-dark: mix(#000, $golden-plumeria, 20%);
.element {
color: $golden-plumeria;
box-shadow: 0 0 0 2px rgba($golden-plumeria, 0.35);
}