Nazwany kolor · #FFE8BB
Gold Buttercup
Gold Buttercup to #FFE8BB: rgb(255 232 187), hsl(40 100% 87%), oklch(0.939 0.063 84). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Gold Buttercup color name →
#FFE8BB
oklch(0.939 0.063 84)
Konwersje koloru
- HEX
- #ffe8bb
- RGB
- rgb(255 232 187)
- HSL
- hsl(40 100% 87%)
- HWB
- hwb(40 73% 0%)
- OKLCH
- oklch(0.939 0.063 84)
- OKLab
- oklab(0.939 0.007 0.063)
- CIE Lab
- lab(93.06 3.21 24.98)
- LCH
- lch(93.06 25.19 82.7)
- CMYK
- cmyk(0% 9% 27% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFEAC2
- FFEDC9
- FFEFD0
- FFF1D7
- FFF4DD
- FFF6E4
- FFF8EB
- FFFBF2
- FFFDF8
Odcienie ciemniejsze
- DECAA2
- BEAC8A
- 9E9073
- 80745C
- 635946
- 484032
- 2E291F
- 16130D
- 030302
Tony
- F2DDB5
- E4D2AF
- D7C8A9
- CABDA4
- BEB39E
- B1A898
- A49E92
- 98948C
- 8C8A86
Harmonie kolorów
Komplementarna +180°
- FFE8BB
Gold Buttercup
- E1EBFF
≈ Husky
Analogowa -30° +30°
- FFE8BB
Gold Buttercup
- FFE5D5
≈ Winthrop Peach
- EAF0C0
≈ Green Glacier
Triada +120° +240°
- FFE8BB
Gold Buttercup
- B9F8FE
≈ Pale Sky
- FDE0FF
≈ Sugarpills
Komplementarna rozszczepiona +150° +210°
- FFE8BB
Gold Buttercup
- D5EFFF
≈ Ice Castle
- EBE7FF
≈ Cyber Lavender
Tetrada +90° +180° +270°
- FFE8BB
Gold Buttercup
- BFF9E7
≈ Shallow End
- E1EBFF
≈ Husky
- FFE2EC
≈ Spun Sugar
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.51:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.51:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-buttercup: #ffe8bb;
--gold-buttercup-rgb: 255 232 187;
--gold-buttercup-oklch: oklch(0.939 0.063 84);
}
.element {
color: var(--gold-buttercup);
background-color: hsl(40 100% 87%);
border-color: oklch(0.939 0.063 84);
}Tailwind CSS v4
@theme {
--color-gold-buttercup: #ffe8bb;
--color-gold-buttercup-50: #fdf4e1;
--color-gold-buttercup-100: #f1e7d1;
--color-gold-buttercup-200: #e0d3b6;
--color-gold-buttercup-300: #c6b693;
--color-gold-buttercup-400: #b09c73;
--color-gold-buttercup-500: #9a8354;
--color-gold-buttercup-600: #826f48;
--color-gold-buttercup-700: #685939;
--color-gold-buttercup-800: #4d4029;
--color-gold-buttercup-900: #362c1b;
--color-gold-buttercup-950: #21190c;
}SCSS
$gold-buttercup: #ffe8bb;
$gold-buttercup-rgb: 255, 232, 187;
$gold-buttercup-light: mix(#fff, $gold-buttercup, 20%);
$gold-buttercup-dark: mix(#000, $gold-buttercup, 20%);
.element {
color: $gold-buttercup;
box-shadow: 0 0 0 2px rgba($gold-buttercup, 0.35);
}