Nazwany kolor · #FBE573
Golden Glitter
Golden Glitter to #FBE573: rgb(251 229 115), hsl(50 94% 72%), oklch(0.918 0.136 98.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Glitter color name →
#FBE573
oklch(0.918 0.136 98.6)
Konwersje koloru
- HEX
- #fbe573
- RGB
- rgb(251 229 115)
- HSL
- hsl(50 94% 72%)
- HWB
- hwb(50 45% 2%)
- OKLCH
- oklch(0.918 0.136 98.6)
- OKLab
- oklab(0.918 -0.02 0.135)
- CIE Lab
- lab(91.09 -2.38 57.5)
- LCH
- lch(91.09 57.55 92.4)
- CMYK
- cmyk(0% 9% 54% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE884
- FCEB94
- FCEEA2
- FCF0B1
- FDF3BE
- FDF5CC
- FEF8D9
- FEFAE6
- FFFDF2
Odcienie ciemniejsze
- DAC763
- BAAA54
- 9C8E45
- 7E7236
- 615828
- 463F1B
- 2D280F
- 151205
- 030301
Tony
- EEDB77
- E1D07A
- D4C67C
- C8BC7E
- BBB280
- AFA880
- A39E81
- 979481
- 8C8A81
Harmonie kolorów
Komplementarna +180°
- FBE573
Golden Glitter
- DDE2FF
≈ Stoic White
Analogowa -30° +30°
- FBE573
Golden Glitter
- FFDDB9
≈ Christmas Rose
- C8F691
≈ Pistachio Mousse
Triada +120° +240°
- FBE573
Golden Glitter
- B7EEFF
≈ Ice Effect
- FFD5F1
≈ Sweet Sachet
Komplementarna rozszczepiona +150° +210°
- FBE573
Golden Glitter
- CFE7FF
≈ Veiling Waterfalls
- EEDBFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- FBE573
Golden Glitter
- 6BFFF4
≈ Moonglade Water
- DDE2FF
≈ Stoic White
- FFD8DE
≈ Satin Ribbon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.55:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-glitter: #fbe573;
--golden-glitter-rgb: 251 229 115;
--golden-glitter-oklch: oklch(0.918 0.136 98.6);
}
.element {
color: var(--golden-glitter);
background-color: hsl(50 94% 72%);
border-color: oklch(0.918 0.136 98.6);
}Tailwind CSS v4
@theme {
--color-golden-glitter: #fbe573;
--color-golden-glitter-50: #fdf7ca;
--color-golden-glitter-100: #f2eab5;
--color-golden-glitter-200: #e1d692;
--color-golden-glitter-300: #c7b963;
--color-golden-glitter-400: #b39f2e;
--color-golden-glitter-500: #9e8500;
--color-golden-glitter-600: #857100;
--color-golden-glitter-700: #6b5a00;
--color-golden-glitter-800: #504100;
--color-golden-glitter-900: #382d00;
--color-golden-glitter-950: #221a00;
}SCSS
$golden-glitter: #fbe573;
$golden-glitter-rgb: 251, 229, 115;
$golden-glitter-light: mix(#fff, $golden-glitter, 20%);
$golden-glitter-dark: mix(#000, $golden-glitter, 20%);
.element {
color: $golden-glitter;
box-shadow: 0 0 0 2px rgba($golden-glitter, 0.35);
}