Couleur nommée la plus proche · #BACFB0
#BACFB0
Couleur nommée la plus proche: Nature
#BACFB0 (rgb(186 207 176), hsl(101 24% 75%), oklch(0.83 0.048 135.5)) est la plus proche de la couleur nommée Nature. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BACFB0
oklch(0.83 0.048 135.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C1D4B8
- C8D9C0
- CEDDC7
- D5E2CF
- DCE7D7
- E3ECDF
- EAF1E7
- F1F5EF
- F8FAF7
Ombres
- A1B499
- 899982
- 727F6C
- 5C6756
- 464F42
- 32382E
- 1E231C
- 0D100B
- 020201
Tons
- B4C7AB
- AEBFA6
- A8B7A1
- A2AF9D
- 9DA798
- 979F93
- 91978E
- 8B8F8A
- 868885
Harmonies de couleurs
Complémentaire +180°
- BACFB0
Nature
- D4BEDD
≈ Plum Point
Analogue -30° +30°
- BACFB0
Nature
- CBCAA6
≈ Thistle Green
- ABD2C0
≈ Misty Jade
Triadique +120° +240°
- BACFB0
Nature
- B3C9E7
≈ Radar
- E5BBBD
≈ Soft Blush
Complémentaire divisée +150° +210°
- BACFB0
Nature
- C4C4E6
≈ Party Hat
- E0BBCE
≈ Creamy Berry
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.66:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.63:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
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);
}