Nazwany kolor · #BFD5B3
Nature
Nature to #BFD5B3: rgb(191 213 179), hsl(99 29% 77%), oklch(0.847 0.052 134.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Nature color name →
#BFD5B3
oklch(0.847 0.052 134.5)
Konwersje koloru
- HEX
- #bfd5b3
- RGB
- rgb(191 213 179)
- HSL
- hsl(99 29% 77%)
- HWB
- hwb(99 70% 16%)
- OKLCH
- oklch(0.847 0.052 134.5)
- OKLab
- oklab(0.847 -0.036 0.037)
- CIE Lab
- lab(82.93 -12.27 14.27)
- LCH
- lch(82.93 18.82 130.7)
- CMYK
- cmyk(10% 0% 16% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5D9BA
- CCDDC2
- D2E2CA
- D8E6D1
- DFEAD9
- E5EEE0
- ECF2E8
- F2F7F0
- F8FBF7
Odcienie ciemniejsze
- A6B99B
- 8D9E84
- 75836E
- 5E6A58
- 485143
- 333A2F
- 1F241D
- 0D100C
- 020201
Tony
- B9CCAE
- B2C3A9
- ACBBA4
- A5B29E
- 9FAA99
- 99A194
- 92998F
- 8C908A
- 868885
Harmonie kolorów
Komplementarna +180°
- BFD5B3
Nature
- DAC3E5
≈ Glittering Gemstone
Analogowa -30° +30°
- BFD5B3
Nature
- D2CFA8
≈ Heart of Palm
- AED8C4
≈ Mint Gala
Triada +120° +240°
- BFD5B3
Nature
- B6CFEF
≈ Frost Fairy
- EDC0C2
≈ Cafe Pink
Komplementarna rozszczepiona +150° +210°
- BFD5B3
Nature
- C8C9EE
≈ Soap
- E7C0D5
≈ Dog Rose
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.38:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--nature: #bfd5b3;
--nature-rgb: 191 213 179;
--nature-oklch: oklch(0.847 0.052 134.5);
}
.element {
color: var(--nature);
background-color: hsl(99 29% 77%);
border-color: oklch(0.847 0.052 134.5);
}Tailwind CSS v4
@theme {
--color-nature: #bfd5b3;
--color-nature-50: #eff9ea;
--color-nature-100: #e0ecdb;
--color-nature-200: #cadac4;
--color-nature-300: #acbea4;
--color-nature-400: #92a687;
--color-nature-500: #788e6b;
--color-nature-600: #66785b;
--color-nature-700: #516049;
--color-nature-800: #3c4634;
--color-nature-900: #293123;
--color-nature-950: #171d12;
}SCSS
$nature: #bfd5b3;
$nature-rgb: 191, 213, 179;
$nature-light: mix(#fff, $nature, 20%);
$nature-dark: mix(#000, $nature, 20%);
.element {
color: $nature;
box-shadow: 0 0 0 2px rgba($nature, 0.35);
}