Nazwany kolor · #BFD1AF
Gamin
Gamin to #BFD1AF: rgb(191 209 175), hsl(92 27% 75%), oklch(0.838 0.05 130.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Gamin color name →
#BFD1AF
oklch(0.838 0.05 130.3)
Konwersje koloru
- HEX
- #bfd1af
- RGB
- rgb(191 209 175)
- HSL
- hsl(92 27% 75%)
- HWB
- hwb(92 69% 18%)
- OKLCH
- oklch(0.838 0.05 130.3)
- OKLab
- oklab(0.838 -0.032 0.038)
- CIE Lab
- lab(81.78 -10.86 14.78)
- LCH
- lch(81.78 18.34 126.3)
- CMYK
- cmyk(9% 0% 16% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5D6B7
- CCDABF
- D2DFC7
- D8E3CF
- DFE8D7
- E5EDDF
- EBF1E7
- F2F6EF
- F8FAF7
Odcienie ciemniejsze
- A6B598
- 8D9B81
- 75816B
- 5E6856
- 485041
- 33392E
- 1F231C
- 0D100B
- 020201
Tony
- B9C9AA
- B2C0A6
- ACB8A1
- A5B09C
- 9FA897
- 99A093
- 92988E
- 8C9089
- 868885
Harmonie kolorów
Komplementarna +180°
- BFD1AF
Gamin
- D4C1E3
≈ Purple Whisper
Analogowa -30° +30°
- BFD1AF
Gamin
- D1CBA6
≈ Frozen Dew
- AED5BF
≈ Ginninderra
Triada +120° +240°
- BFD1AF
Gamin
- B2CDEA
≈ Morality
- E8BDC2
≈ Blush Kiss
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.95:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.95:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--gamin: #bfd1af;
--gamin-rgb: 191 209 175;
--gamin-oklch: oklch(0.838 0.05 130.3);
}
.element {
color: var(--gamin);
background-color: hsl(92 27% 75%);
border-color: oklch(0.838 0.05 130.3);
}Tailwind CSS v4
@theme {
--color-gamin: #bfd1af;
--color-gamin-50: #f0f8ea;
--color-gamin-100: #e2ecdb;
--color-gamin-200: #ccd9c3;
--color-gamin-300: #aebda3;
--color-gamin-400: #95a586;
--color-gamin-500: #7b8d6a;
--color-gamin-600: #68785a;
--color-gamin-700: #536048;
--color-gamin-800: #3d4633;
--color-gamin-900: #2a3023;
--color-gamin-950: #181d12;
}SCSS
$gamin: #bfd1af;
$gamin-rgb: 191, 209, 175;
$gamin-light: mix(#fff, $gamin, 20%);
$gamin-dark: mix(#000, $gamin, 20%);
.element {
color: $gamin;
box-shadow: 0 0 0 2px rgba($gamin, 0.35);
}