Nazwany kolor · #FFE292
Banana Republic
Banana Republic to #FFE292: rgb(255 226 146), hsl(44 100% 79%), oklch(0.919 0.104 90.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Banana Republic color name →
#FFE292
oklch(0.919 0.104 90.3)
Konwersje koloru
- HEX
- #ffe292
- RGB
- rgb(255 226 146)
- HSL
- hsl(44 100% 79%)
- HWB
- hwb(44 57% 0%)
- OKLCH
- oklch(0.919 0.104 90.3)
- OKLab
- oklab(0.919 -0.001 0.104)
- CIE Lab
- lab(91.01 2.63 42.87)
- LCH
- lch(91.01 42.96 86.5)
- CMYK
- cmyk(0% 11% 43% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFE59E
- FFE8AA
- FFEBB5
- FFEEC0
- FFF1CB
- FFF4D5
- FFF7E0
- FFFAEA
- FFFCF5
Odcienie ciemniejsze
- DEC47E
- BEA86B
- 9E8C58
- 807146
- 635735
- 483E25
- 2E2716
- 161208
- 030301
Tony
- F2D891
- E4CE90
- D7C48F
- CABA8D
- BEB08C
- B1A68A
- A49D88
- 989385
- 8C8983
Harmonie kolorów
Komplementarna +180°
- FFE292
Banana Republic
- DAE4FF
≈ Stoic White
Analogowa -30° +30°
- FFE292
Banana Republic
- FFDDC3
≈ Salmon Creek
- DBEFA0
≈ Mint Julep
Triada +120° +240°
- FFE292
Banana Republic
- ACF2FF
≈ Beyond the Clouds
- FFD5FA
≈ Pink Diamond
Komplementarna rozszczepiona +150° +210°
- FFE292
Banana Republic
- CBE9FF
≈ Veiling Waterfalls
- E9DEFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- FFE292
Banana Republic
- 90FCE7
≈ Defence Matrix
- DAE4FF
≈ Stoic White
- FFD9E3
≈ It’s a Girl!
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.54:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--banana-republic: #ffe292;
--banana-republic-rgb: 255 226 146;
--banana-republic-oklch: oklch(0.919 0.104 90.3);
}
.element {
color: var(--banana-republic);
background-color: hsl(44 100% 79%);
border-color: oklch(0.919 0.104 90.3);
}Tailwind CSS v4
@theme {
--color-banana-republic: #ffe292;
--color-banana-republic-50: #fff5d4;
--color-banana-republic-100: #f4e8c1;
--color-banana-republic-200: #e4d4a2;
--color-banana-republic-300: #cab679;
--color-banana-republic-400: #b69c52;
--color-banana-republic-500: #a18223;
--color-banana-republic-600: #886f20;
--color-banana-republic-700: #6d581a;
--color-banana-republic-800: #514010;
--color-banana-republic-900: #392c0a;
--color-banana-republic-950: #231900;
}SCSS
$banana-republic: #ffe292;
$banana-republic-rgb: 255, 226, 146;
$banana-republic-light: mix(#fff, $banana-republic, 20%);
$banana-republic-dark: mix(#000, $banana-republic, 20%);
.element {
color: $banana-republic;
box-shadow: 0 0 0 2px rgba($banana-republic, 0.35);
}