Colore con nome più vicino · #BACFB0
#BACFB0
Colore con nome più vicino: Nature
#BACFB0 (rgb(186 207 176), hsl(101 24% 75%), oklch(0.83 0.048 135.5)) è più vicino al colore con nome Nature. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BACFB0
oklch(0.83 0.048 135.5)
Conversioni di colore
- HEX
- #bacfb0
- RGB
- rgb(186 207 176)
- HSL
- hsl(101 24% 75%)
- HWB
- hwb(101 69% 19%)
- OKLCH
- oklch(0.83 0.048 135.5)
- OKLab
- oklab(0.83 -0.034 0.034)
- CIE Lab
- lab(80.9 -11.59 12.96)
- LCH
- lch(80.9 17.39 131.8)
- CMYK
- cmyk(10% 0% 15% 19%)
Tinte · Ombre · Toni
Tinte
- C1D4B8
- C8D9C0
- CEDDC7
- D5E2CF
- DCE7D7
- E3ECDF
- EAF1E7
- F1F5EF
- F8FAF7
Ombre
- A1B499
- 899982
- 727F6C
- 5C6756
- 464F42
- 32382E
- 1E231C
- 0D100B
- 020201
Toni
- B4C7AB
- AEBFA6
- A8B7A1
- A2AF9D
- 9DA798
- 979F93
- 91978E
- 8B8F8A
- 868885
Armonie di colore
Complementare +180°
- BACFB0
Nature
- D4BEDD
≈ Plum Point
Analogo -30° +30°
- BACFB0
Nature
- CBCAA6
≈ Thistle Green
- ABD2C0
≈ Misty Jade
Triadico +120° +240°
- BACFB0
Nature
- B3C9E7
≈ Radar
- E5BBBD
≈ Soft Blush
Complementare divisa +150° +210°
- BACFB0
Nature
- C4C4E6
≈ Party Hat
- E0BBCE
≈ Creamy Berry
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.63:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--nature: #bacfb0;
--nature-rgb: 186 207 176;
--nature-oklch: oklch(0.83 0.048 135.5);
}
.element {
color: var(--nature);
background-color: hsl(101 24% 75%);
border-color: oklch(0.83 0.048 135.5);
}Tailwind CSS v4
@theme {
--color-nature: #bacfb0;
--color-nature-50: #eff9eb;
--color-nature-100: #e0ecdc;
--color-nature-200: #cbd9c6;
--color-nature-300: #acbea6;
--color-nature-400: #92a589;
--color-nature-500: #788e6e;
--color-nature-600: #66785d;
--color-nature-700: #51604a;
--color-nature-800: #3c4635;
--color-nature-900: #293124;
--color-nature-950: #171d13;
}SCSS
$nature: #bacfb0;
$nature-rgb: 186, 207, 176;
$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);
}