Nazwany kolor · #F8B109
Limeño Limón
Limeño Limón to #F8B109: rgb(248 177 9), hsl(42 94% 50%), oklch(0.807 0.166 79.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Limeño Limón color name →
#F8B109
oklch(0.807 0.166 79.3)
Konwersje koloru
- HEX
- #f8b109
- RGB
- rgb(248 177 9)
- HSL
- hsl(42 94% 50%)
- HWB
- hwb(42 4% 3%)
- OKLCH
- oklch(0.807 0.166 79.3)
- OKLab
- oklab(0.807 0.031 0.163)
- CIE Lab
- lab(77.53 18.68 78.86)
- LCH
- lch(77.53 81.04 76.7)
- CMYK
- cmyk(0% 29% 96% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9B941
- FAC25E
- FBCA76
- FCD28C
- FDD9A0
- FEE1B4
- FEE9C7
- FFF0DA
- FFF8ED
Odcienie ciemniejsze
- D89907
- B88305
- 9A6C03
- 7C5702
- 604201
- 452F01
- 2C1C00
- 150C00
- 030100
Tony
- ECAC30
- DFA842
- D3A34F
- C79F5A
- BB9A62
- AF956A
- A39070
- 988B76
- 8C857B
Harmonie kolorów
Komplementarna +180°
- F8B109
Limeño Limón
- 9AC1FF
≈ Pastel Blue
Analogowa -30° +30°
- F8B109
Limeño Limón
- FFA878
≈ Larch Bolete
- C8C827
≈ Dirty Yellow
Triada +120° +240°
- F8B109
Limeño Limón
- 00DAE1
≈ Fish Boy
- EB9DFF
≈ Party Pig
Komplementarna rozszczepiona +150° +210°
- F8B109
Limeño Limón
- 5ECEFF
≈ Skyan
- BEB5FF
≈ Greyish Lavender
Tetrada +90° +180° +270°
- F8B109
Limeño Limón
- 00E0AE
≈ Lifeless Green
- 9AC1FF
≈ Pastel Blue
- FF9BCD
≈ Himalayan Balsam
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.86:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.28:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.28:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--limeno-limon: #f8b109;
--limeno-limon-rgb: 248 177 9;
--limeno-limon-oklch: oklch(0.807 0.166 79.3);
}
.element {
color: var(--limeno-limon);
background-color: hsl(42 94% 50%);
border-color: oklch(0.807 0.166 79.3);
}Tailwind CSS v4
@theme {
--color-limeno-limon: #f8b109;
--color-limeno-limon-50: #fff1c0;
--color-limeno-limon-100: #ffe3a8;
--color-limeno-limon-200: #f8cd7f;
--color-limeno-limon-300: #e2ae46;
--color-limeno-limon-400: #d29000;
--color-limeno-limon-500: #bf7400;
--color-limeno-limon-600: #a16200;
--color-limeno-limon-700: #814e00;
--color-limeno-limon-800: #613800;
--color-limeno-limon-900: #442600;
--color-limeno-limon-950: #2c1400;
}SCSS
$limeno-limon: #f8b109;
$limeno-limon-rgb: 248, 177, 9;
$limeno-limon-light: mix(#fff, $limeno-limon, 20%);
$limeno-limon-dark: mix(#000, $limeno-limon, 20%);
.element {
color: $limeno-limon;
box-shadow: 0 0 0 2px rgba($limeno-limon, 0.35);
}