Colore con nome · #BFD5B3
Nature
Nature è #BFD5B3: rgb(191 213 179), hsl(99 29% 77%), oklch(0.847 0.052 134.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Nature color name →
#BFD5B3
oklch(0.847 0.052 134.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C5D9BA
- CCDDC2
- D2E2CA
- D8E6D1
- DFEAD9
- E5EEE0
- ECF2E8
- F2F7F0
- F8FBF7
Ombre
- A6B99B
- 8D9E84
- 75836E
- 5E6A58
- 485143
- 333A2F
- 1F241D
- 0D100C
- 020201
Toni
- B9CCAE
- B2C3A9
- ACBBA4
- A5B29E
- 9FAA99
- 99A194
- 92998F
- 8C908A
- 868885
Armonie di colore
Complementare +180°
- BFD5B3
Nature
- DAC3E5
≈ Glittering Gemstone
Analogo -30° +30°
- BFD5B3
Nature
- D2CFA8
≈ Heart of Palm
- AED8C4
≈ Mint Gala
Triadico +120° +240°
- BFD5B3
Nature
- B6CFEF
≈ Frost Fairy
- EDC0C2
≈ Cafe Pink
Complementare divisa +150° +210°
- BFD5B3
Nature
- C8C9EE
≈ Soap
- E7C0D5
≈ Dog Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.38:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
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);
}