Nazwany kolor · #F5D297
Beeswing
Beeswing to #F5D297: rgb(245 210 151), hsl(38 82% 78%), oklch(0.88 0.085 80.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Beeswing color name →
#F5D297
oklch(0.88 0.085 80.3)
Konwersje koloru
- HEX
- #f5d297
- RGB
- rgb(245 210 151)
- HSL
- hsl(38 82% 78%)
- HWB
- hwb(38 59% 4%)
- OKLCH
- oklch(0.88 0.085 80.3)
- OKLab
- oklab(0.88 0.014 0.084)
- CIE Lab
- lab(86.2 6.83 34.06)
- LCH
- lch(86.2 34.74 78.7)
- CMYK
- cmyk(0% 14% 38% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6D7A2
- F7DBAD
- F8E0B7
- F9E4C2
- FAE9CC
- FBEDD6
- FCF2E0
- FDF6EB
- FEFBF5
Odcienie ciemniejsze
- D5B683
- B69B6F
- 98815C
- 7B6849
- 5F5037
- 443926
- 2B2417
- 151008
- 030201
Tony
- E9CA95
- DDC193
- D1B991
- C5B18F
- B9A88D
- ADA08B
- A29888
- 969086
- 8B8883
Harmonie kolorów
Komplementarna +180°
- F5D297
Beeswing
- C1D9FF
≈ Broad Daylight
Analogowa -30° +30°
- F5D297
Beeswing
- FFCBAE
≈ Blushing Cherub
- DADD9B
≈ Chalcedony
Triada +120° +240°
- F5D297
Beeswing
- 91E9EE
≈ Bath Water
- F1C6FB
≈ Aquarelle Lilac
Komplementarna rozszczepiona +150° +210°
- F5D297
Beeswing
- A6E1FF
≈ Ganon Blue
- D6D1FF
≈ Pale Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.54:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--beeswing: #f5d297;
--beeswing-rgb: 245 210 151;
--beeswing-oklch: oklch(0.88 0.085 80.3);
}
.element {
color: var(--beeswing);
background-color: hsl(38 82% 78%);
border-color: oklch(0.88 0.085 80.3);
}Tailwind CSS v4
@theme {
--color-beeswing: #f5d297;
--color-beeswing-50: #fff3da;
--color-beeswing-100: #f6e6c9;
--color-beeswing-200: #e6d1ac;
--color-beeswing-300: #cdb486;
--color-beeswing-400: #b99963;
--color-beeswing-500: #a3803f;
--color-beeswing-600: #8a6c37;
--color-beeswing-700: #6f562b;
--color-beeswing-800: #523f1e;
--color-beeswing-900: #392b14;
--color-beeswing-950: #241806;
}SCSS
$beeswing: #f5d297;
$beeswing-rgb: 245, 210, 151;
$beeswing-light: mix(#fff, $beeswing, 20%);
$beeswing-dark: mix(#000, $beeswing, 20%);
.element {
color: $beeswing;
box-shadow: 0 0 0 2px rgba($beeswing, 0.35);
}