Nazwany kolor · #B0B99C
Foille
Foille to #B0B99C: rgb(176 185 156), hsl(79 17% 67%), oklch(0.771 0.041 121.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Foille color name →
#B0B99C
oklch(0.771 0.041 121.4)
Konwersje koloru
- HEX
- #b0b99c
- RGB
- rgb(176 185 156)
- HSL
- hsl(79 17% 67%)
- HWB
- hwb(79 61% 27%)
- OKLCH
- oklch(0.771 0.041 121.4)
- OKLab
- oklab(0.771 -0.022 0.035)
- CIE Lab
- lab(73.84 -7.11 13.66)
- LCH
- lch(73.84 15.4 117.5)
- CMYK
- cmyk(5% 0% 16% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8C0A6
- BFC7AF
- C7CEB9
- CFD5C3
- D7DCCD
- DFE3D7
- E7EAE1
- EFF1EB
- F7F8F5
Odcienie ciemniejsze
- 99A087
- 828973
- 6C715F
- 565B4C
- 424639
- 2E3128
- 1C1E18
- 0B0D09
- 010201
Tony
- ABB399
- A6AD96
- A1A894
- 9CA291
- 989C8E
- 93968B
- 8E9189
- 898B86
- 858683
Harmonie kolorów
Komplementarna +180°
- B0B99C
Foille
- B9AFCB
≈ Petunia Trail
Analogowa -30° +30°
- B0B99C
Foille
- BEB497
≈ Easy
- A2BCA7
≈ Reeds
Triada +120° +240°
- B0B99C
Foille
- 9EB8CD
≈ Morris Blue
- CCAAB3
≈ Sugarplum Dance
Komplementarna rozszczepiona +150° +210°
- B0B99C
Foille
- ABB4D0
≈ Minuet
- C5ABC1
≈ Linnea Blossom
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.04:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.26:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.26:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--foille: #b0b99c;
--foille-rgb: 176 185 156;
--foille-oklch: oklch(0.771 0.041 121.4);
}
.element {
color: var(--foille);
background-color: hsl(79 17% 67%);
border-color: oklch(0.771 0.041 121.4);
}Tailwind CSS v4
@theme {
--color-foille: #b0b99c;
--color-foille-50: #f3f7eb;
--color-foille-100: #e5eadc;
--color-foille-200: #d0d7c4;
--color-foille-300: #b3bba4;
--color-foille-400: #9aa388;
--color-foille-500: #828b6c;
--color-foille-600: #6e755c;
--color-foille-700: #585e49;
--color-foille-800: #404535;
--color-foille-900: #2c2f24;
--color-foille-950: #1a1c13;
}SCSS
$foille: #b0b99c;
$foille-rgb: 176, 185, 156;
$foille-light: mix(#fff, $foille, 20%);
$foille-dark: mix(#000, $foille, 20%);
.element {
color: $foille;
box-shadow: 0 0 0 2px rgba($foille, 0.35);
}