Warna bernama · #FBD073
Golden Plumeria
Golden Plumeria adalah #FBD073: rgb(251 208 115), hsl(41 94% 72%), oklch(0.876 0.122 85). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Golden Plumeria color name →
#FBD073
oklch(0.876 0.122 85)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FCD583
- FCDA92
- FDDFA1
- FDE3AF
- FDE8BD
- FEEDCA
- FEF1D8
- FEF6E5
- FFFBF2
Shade
- DAB563
- BA9A54
- 9C8045
- 7E6736
- 614F28
- 46391B
- 2D230F
- 151005
- 030201
Tone
- EEC876
- E1C079
- D5B87B
- C8B07D
- BCA87E
- B0A07F
- A49880
- 989080
- 8C8880
Harmoni warna
Komplementer +180°
- FBD073
Golden Plumeria
- C3D6FF
≈ Pale Phthalo Blue
Analog -30° +30°
- FBD073
Golden Plumeria
- FFC9A6
≈ Polly
- D3E07F
≈ Ajwain Green
Triadik +120° +240°
- FBD073
Golden Plumeria
- 60EDFC
≈ Bioluminescence
- FCBDFF
≈ Distilled Rose
Split-komplementer +150° +210°
- FBD073
Golden Plumeria
- A9DFFF
≈ Droplet
- D9CEFF
≈ Pale Lavender
Tetradik +90° +180° +270°
- FBD073
Golden Plumeria
- 72F0D2
≈ Tiffany Blue
- C3D6FF
≈ Pale Phthalo Blue
- FFC3D9
≈ Sweet Romance
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.46:1 · APCA Lc 22
Ag
AAADi atas hitam
WCAG 14.37:1 · APCA Lc 81
Warna teks terbaik: #000000
WCAG 14.37:1 (AAA) · APCA Lc 81
Contrast pairs
Cuplikan kode
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);
}