Nazwany kolor · #F7BF43
Sweet Lemon
Sweet Lemon to #F7BF43: rgb(247 191 67), hsl(41 92% 62%), oklch(0.834 0.149 83.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sweet Lemon color name →
#F7BF43
oklch(0.834 0.149 83.4)
Konwersje koloru
- HEX
- #f7bf43
- RGB
- rgb(247 191 67)
- HSL
- hsl(41 92% 62%)
- HWB
- hwb(41 26% 3%)
- OKLCH
- oklch(0.834 0.149 83.4)
- OKLab
- oklab(0.834 0.017 0.148)
- CIE Lab
- lab(80.95 12.32 67.01)
- LCH
- lch(80.95 68.13 79.6)
- CMYK
- cmyk(0% 23% 73% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8C65D
- F9CD73
- FAD387
- FBDA99
- FCE0AB
- FDE6BC
- FDEDCD
- FEF3DE
- FEF9EF
Odcienie ciemniejsze
- D7A639
- B78D2F
- 997526
- 7C5E1D
- 604814
- 45330C
- 2C1F05
- 150D01
- 030200
Tony
- EBB94F
- DEB359
- D2AC61
- C6A667
- BAA06D
- AE9A72
- A39376
- 978D7A
- 8B877D
Harmonie kolorów
Komplementarna +180°
- F7BF43
Sweet Lemon
- ADC9FF
≈ Night Snow
Analogowa -30° +30°
- F7BF43
Sweet Lemon
- FFB687
≈ Savannah Sun
- C9D355
≈ Southern Platyfish
Triada +120° +240°
- F7BF43
Sweet Lemon
- 00E3F2
≈ Cold Heights
- F7A7FF
≈ Rich Brilliant Lavender
Komplementarna rozszczepiona +150° +210°
- F7BF43
Sweet Lemon
- 85D4FF
≈ Kul Sharif Blue
- CBBEFF
≈ Lavender Tonic
Tetrada +90° +180° +270°
- F7BF43
Sweet Lemon
- 36E8C0
≈ Aphrodite Aqua
- ADC9FF
≈ Night Snow
- FFACCE
≈ Majin Bū Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.68:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.48:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--sweet-lemon: #f7bf43;
--sweet-lemon-rgb: 247 191 67;
--sweet-lemon-oklch: oklch(0.834 0.149 83.4);
}
.element {
color: var(--sweet-lemon);
background-color: hsl(41 92% 62%);
border-color: oklch(0.834 0.149 83.4);
}Tailwind CSS v4
@theme {
--color-sweet-lemon: #f7bf43;
--color-sweet-lemon-50: #fff3c5;
--color-sweet-lemon-100: #ffe5af;
--color-sweet-lemon-200: #f1d089;
--color-sweet-lemon-300: #dab156;
--color-sweet-lemon-400: #c8950c;
--color-sweet-lemon-500: #b57a00;
--color-sweet-lemon-600: #996700;
--color-sweet-lemon-700: #7a5200;
--color-sweet-lemon-800: #5c3b00;
--color-sweet-lemon-900: #402900;
--color-sweet-lemon-950: #291600;
}SCSS
$sweet-lemon: #f7bf43;
$sweet-lemon-rgb: 247, 191, 67;
$sweet-lemon-light: mix(#fff, $sweet-lemon, 20%);
$sweet-lemon-dark: mix(#000, $sweet-lemon, 20%);
.element {
color: $sweet-lemon;
box-shadow: 0 0 0 2px rgba($sweet-lemon, 0.35);
}