Nazwany kolor · #FFDF38
Banana Farm
Banana Farm to #FFDF38: rgb(255 223 56), hsl(50 100% 61%), oklch(0.904 0.173 97.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Banana Farm color name →
#FFDF38
oklch(0.904 0.173 97.6)
Konwersje koloru
- HEX
- #ffdf38
- RGB
- rgb(255 223 56)
- HSL
- hsl(50 100% 61%)
- HWB
- hwb(50 22% 0%)
- OKLCH
- oklch(0.904 0.173 97.6)
- OKLab
- oklab(0.904 -0.023 0.171)
- CIE Lab
- lab(89.57 -0.22 78.69)
- LCH
- lch(89.57 78.69 90.2)
- CMYK
- cmyk(0% 13% 78% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFE359
- FFE672
- FFEA88
- FFED9B
- FFF0AD
- FFF4BE
- FFF7CF
- FFF9DF
- FFFCEF
Odcienie ciemniejsze
- DEC22F
- BEA527
- 9E8A1F
- 806F17
- 63560F
- 483D08
- 2E2704
- 161201
- 030200
Tony
- F2D54A
- E4CC56
- D7C260
- CAB968
- BDAF6E
- B1A673
- A49C78
- 98937B
- 8C897E
Harmonie kolorów
Komplementarna +180°
- FFDF38
Banana Farm
- D7DDFF
≈ Transparent Blue
Analogowa -30° +30°
- FFDF38
Banana Farm
- FFD7AF
≈ Delicious Melon
- BFF46E
≈ Green Cow
Triada +120° +240°
- FFDF38
Banana Farm
- A9ECFF
≈ Beyond the Clouds
- FFCEF0
≈ Shampoo
Komplementarna rozszczepiona +150° +210°
- FFDF38
Banana Farm
- C6E3FF
≈ Fresh Water
- EAD6FF
≈ Rose Dragée
Tetrada +90° +180° +270°
- FFDF38
Banana Farm
- 31FFF1
≈ Ice Temple
- D7DDFF
≈ Transparent Blue
- FFD2D9
≈ Pink Fluorite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.86:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.86:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--banana-farm: #ffdf38;
--banana-farm-rgb: 255 223 56;
--banana-farm-oklch: oklch(0.904 0.173 97.6);
}
.element {
color: var(--banana-farm);
background-color: hsl(50 100% 61%);
border-color: oklch(0.904 0.173 97.6);
}Tailwind CSS v4
@theme {
--color-banana-farm: #ffdf38;
--color-banana-farm-50: #fff7be;
--color-banana-farm-100: #f5eaa6;
--color-banana-farm-200: #e6d67c;
--color-banana-farm-300: #cdb940;
--color-banana-farm-400: #bb9d00;
--color-banana-farm-500: #a68300;
--color-banana-farm-600: #8d6f00;
--color-banana-farm-700: #715900;
--color-banana-farm-800: #554000;
--color-banana-farm-900: #3b2c00;
--color-banana-farm-950: #251900;
}SCSS
$banana-farm: #ffdf38;
$banana-farm-rgb: 255, 223, 56;
$banana-farm-light: mix(#fff, $banana-farm, 20%);
$banana-farm-dark: mix(#000, $banana-farm, 20%);
.element {
color: $banana-farm;
box-shadow: 0 0 0 2px rgba($banana-farm, 0.35);
}