Nazwany kolor · #BFCA87
Apple II Beige
Apple II Beige to #BFCA87: rgb(191 202 135), hsl(70 39% 66%), oklch(0.815 0.089 116). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Apple II Beige color name →
#BFCA87
oklch(0.815 0.089 116)
Konwersje koloru
- HEX
- #bfca87
- RGB
- rgb(191 202 135)
- HSL
- hsl(70 39% 66%)
- HWB
- hwb(70 53% 21%)
- OKLCH
- oklch(0.815 0.089 116)
- OKLab
- oklab(0.815 -0.039 0.08)
- CIE Lab
- lab(79.27 -11.84 32.19)
- LCH
- lch(79.27 34.3 110.2)
- CMYK
- cmyk(5% 0% 33% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5CF93
- CBD59F
- D2DAAC
- D8DFB8
- DEE5C3
- E5EACF
- EBEFDB
- F2F4E7
- F8FAF3
Odcienie ciemniejsze
- A6AF75
- 8D9563
- 757C51
- 5E6441
- 484D31
- 333721
- 1F2213
- 0D0F06
- 020201
Tony
- B8C287
- B2BB87
- ABB386
- A5AC86
- 9FA585
- 989D84
- 929683
- 8C8F82
- 868781
Harmonie kolorów
Komplementarna +180°
- BFCA87
Apple II Beige
- C7B7F6
≈ Violet Heaven
Analogowa -30° +30°
- BFCA87
Apple II Beige
- DCBF7E
≈ Vermicelles
- 9DD2A0
≈ Sunlit Glade
Triada +120° +240°
- BFCA87
Apple II Beige
- 89CCF5
≈ Drift on the Sea
- F2ABC4
≈ Rose Mallow
Komplementarna rozszczepiona +150° +210°
- BFCA87
Apple II Beige
- A7C2FD
≈ Pastel Blue
- E1AFE2
≈ Barely Bloomed
Tetrada +90° +180° +270°
- BFCA87
Apple II Beige
- 77D3DF
≈ Sea of Tranquillity
- C7B7F6
≈ Violet Heaven
- F7ACA4
≈ Snow White Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.74:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.01:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--apple-ii-beige: #bfca87;
--apple-ii-beige-rgb: 191 202 135;
--apple-ii-beige-oklch: oklch(0.815 0.089 116);
}
.element {
color: var(--apple-ii-beige);
background-color: hsl(70 39% 66%);
border-color: oklch(0.815 0.089 116);
}Tailwind CSS v4
@theme {
--color-apple-ii-beige: #bfca87;
--color-apple-ii-beige-50: #f2f9dd;
--color-apple-ii-beige-100: #e5eccb;
--color-apple-ii-beige-200: #d0daaf;
--color-apple-ii-beige-300: #b3be8a;
--color-apple-ii-beige-400: #9ba567;
--color-apple-ii-beige-500: #838d45;
--color-apple-ii-beige-600: #6f783b;
--color-apple-ii-beige-700: #59602f;
--color-apple-ii-beige-800: #424620;
--color-apple-ii-beige-900: #2d3015;
--color-apple-ii-beige-950: #1a1c06;
}SCSS
$apple-ii-beige: #bfca87;
$apple-ii-beige-rgb: 191, 202, 135;
$apple-ii-beige-light: mix(#fff, $apple-ii-beige, 20%);
$apple-ii-beige-dark: mix(#000, $apple-ii-beige, 20%);
.element {
color: $apple-ii-beige;
box-shadow: 0 0 0 2px rgba($apple-ii-beige, 0.35);
}